* {
    margin: 0%;
    padding: 0%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

div{
    background-repeat: no-repeat;
    background-size: cover
}

@media screen and (max-width: 1920px) {
    html {
        font-size: 19.2px!important;
    }
}

@media screen and (max-width: 1920px) {
    html {
        font-size: 19.2px!important;
    }
}

@media screen and (max-width: 1680px) {
    html {
        font-size: 16.8px!important;
    }
}

@media screen and (max-width: 1380px) {
    html {
        font-size: 14.4px!important;
    }
}

@media screen and (max-width: 1300px) {
    html {
        font-size: 12.8px!important;
    }
}







/* 
@media all and (-moz-min-device-pixel-ratio: 1.09) and (-moz-max-device-pixel-ratio: 1.18),
(-webkit-min-device-pixel-ratio: 1.09) and (-webkit-max-device-pixel-ratio: 1.18),
(min-resolution: 1.09dppx) and (max-resolution: 1.18dppx) {
    body {
        zoom: 100%;
    }

}

@media all and (-moz-min-device-pixel-ratio: 1.19) and (-moz-max-device-pixel-ratio: 1.28),
(-webkit-min-device-pixel-ratio: 1.19) and (-webkit-max-device-pixel-ratio: 1.28),
(min-resolution: 1.19dppx) and (max-resolution: 1.28dppx) {

    body {
        -moz-transform: scale(0.75, 0.75);
        -moz-transform-origin: top left;
        zoom: 0.75;
    }
}

@media all and (-moz-min-device-pixel-ratio: 1.41) and (-moz-max-device-pixel-ratio: 1.6),
(-webkit-min-device-pixel-ratio: 1.41) and (-webkit-max-device-pixel-ratio: 1.6),
(min-resolution: 1.41dppx) and (max-resolution: 1.6dppx) {
    html {
        -moz-transform: scale(0.67, 0.67);
        -moz-transform-origin: top left;
        zoom: 0.67;
    }
}

@media all and (-moz-min-device-pixel-ratio: 1.61) and (-moz-max-device-pixel-ratio: 1.8),
(-webkit-min-device-pixel-ratio: 1.61) and (-webkit-max-device-pixel-ratio: 1.8),
(min-resolution: 1.61dppx) and (max-resolution: 1.8dppx) {
    html {
        -moz-transform: scale(0.57, 0.57);
        -moz-transform-origin: top left;
        zoom: 0.57;
    }
}

@media all and (-moz-min-device-pixel-ratio: 1.81) and (-moz-max-device-pixel-ratio: 2.1),
(-webkit-min-device-pixel-ratio: 1.81) and (-webkit-max-device-pixel-ratio: 2.1),
(min-resolution: 1.81dppx) and (max-resolution: 2.1dppx) {
    html {
        -moz-transform: scale(0.5, 0.5);
        -moz-transform-origin: top left;
        zoom: 0.5;
    }
} */


body {
    background-color: #0B0019;
    font-family: "Inter", sans-serif
}

section {
    position: relative
}

html {
    display: block;
    height: 100%;
    width: 100%;
    overflow-x: hidden
}

body {
    display: block;
    min-height: 100%;
    width: 100%;
    overflow: hidden;
    background-color: #0B0019;
    position: relative
}

::-webkit-scrollbar {
    width: 5px
}

::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.01)
}

::-webkit-scrollbar-thumb {
    background: #FF8B71;
    border-radius: 1.04167rem
}

::-webkit-scrollbar-thumb:hover {
    background: #ff5e3c;
    cursor: pointer
}

.scrollbar-hidden::-webkit-scrollbar {
    display: none
}

#header-gradient {
    height: 41.66667rem;
    background: #000;
    background: -webkit-gradient(linear, left bottom, left top, from(transparent), to(#000));
    background: linear-gradient(0deg, transparent 0%, #000 100%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1
}

@-webkit-keyframes chakra-animate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes chakra-animate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes up-down {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    100% {
        -webkit-transform: translate(0, 600px);
        transform: translate(0, 600px)
    }
}

@keyframes up-down {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    100% {
        -webkit-transform: translate(0, 600px);
        transform: translate(0, 600px)
    }
}

.chakra {
    -webkit-animation: chakra-animate 240s infinite linear;
    animation: chakra-animate 240s infinite linear;
    background-image: url(../image/mandal.e5cdd8a6b4486a89d039a285583b1e1d.png);
    background-size: cover;
    height: 78.125rem;
    position: absolute;
    right: -500px;
    top: 2.60417rem;
    z-index: -2;
    width: 78.125rem
}

.gradient-red-1 {
    position: absolute;
    opacity: 0.5;
    top: 2.60417rem;
    right: -629px;
    -webkit-animation: up-down 10s infinite alternate;
    animation: up-down 10s infinite alternate;
    background-image: url(../image/gradient-circle.c973c7f1b5588ef1085cdd82876e8a97.png);
    background-size: cover;
    height: 64.01042rem;
    width: 64.01042rem;
    z-index: -2
}

.gradient-red-2 {
    position: absolute;
    opacity: 0.5;
    top: 41.66667rem;
    left: -629px;
    -webkit-animation: up-down 10s infinite alternate;
    animation: up-down 10s infinite alternate;
    background-image: url(../image/gradient-circle.c973c7f1b5588ef1085cdd82876e8a97.png);
    background-size: cover;
    height: 64.01042rem;
    width: 64.01042rem;
    z-index: -2
}

.d_item {
    max-width: 40%;
    display: flex;
    margin: auto;
    text-align: center;
    margin-bottom: 2.60417rem
}

.d_item_title {
    text-align: start;
    color: white;
    font-size: 1.5625rem;
    letter-spacing: .2px
}

.d_item_text {
    margin-top: .52083rem;
    text-align: left;
    color: gray;
    font-size: 1.04167rem
}

.hover-shdow:hover {
    -webkit-box-shadow: #333 3px 5px 5px;
    -moz-box-shadow: #333 3px 5px 5px;
    box-shadow: #333 3px 5px 5px;
    margin: -5px
}

.hover-shdow {
    cursor: auto;
    transition-duration: 0.5s
}

.fixed_header #header {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100
}

#header {
    background: rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 5.20833rem;
    padding: 0px 0px;
    font-size: .72917rem;
    font-weight: 600;
    z-index: 100;
    -webkit-backdrop-filter: blur(70px);
    backdrop-filter: blur(70px)
}

#header a {
    color: #fff
}

#header nav {
    padding: 0
}

#header .nav-link {
    text-decoration: none;
    width: 6.875rem;
    margin: auto;
    font-size: .9375rem;
    font-family: Helvetica;
    color: #434FB5;
    line-height: 1.14583rem;
    margin-left: .52083rem;
    margin-right: .52083rem
}

#header .nav-link.btn-orange {
    margin-left: 8px;
    padding-left: 0px;
    padding-right: 0px;
    min-width: 5.72917rem
}

#header .navbar-nav li:last-child a {
    margin-right: 0
}

#header .nav-item.dropdown:hover #navbardrop {
    color: #fff;
    opacity: 0.88
}

#header .nav-item.dropdown:hover .dropdown-menu {
    top: 2.76042rem;
    visibility: visible;
    opacity: 1;
    visibility: visible
}

#header .dropdown-menu {
    font-size: .72917rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#48423E), to(#373030));
    background: linear-gradient(180deg, #48423E 0%, #373030 100%);
    -webkit-box-shadow: 0px 8px 16px -2px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 8px 16px -2px rgba(0, 0, 0, 0.12);
    border-radius: 6px;
    padding: .78125rem 15px;
    min-width: 7.60417rem;
    border: none;
    display: block;
    left: 50%;
    top: 5.20833rem;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

#header .dropdown-menu:after {
    content: '';
    display: block;
    background: #47413D;
    position: absolute;
    top: -7px;
    left: 45%;
    width: .83333rem;
    height: .83333rem;
    border-radius: 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

#header .dropdown-item {
    opacity: 0.65;
    padding: .25rem 15px
}

#header .dropdown-item:hover {
    opacity: 1
}

#header .dropdown-item:focus,
#header .dropdown-item:hover {
    background: none
}

#header .dropdown-menu-outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#header .dropdown-toggle::after {
    border: none
}

#header .nav-icon {
    width: 1.04167rem;
    height: .67708rem;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    display: inline-block;
    position: relative;
    position: absolute;
    right: .78125rem;
    top: 1.875rem;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    z-index: 1
}

#header .nav-icon:after,
#header .nav-icon:before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 5px;
    left: 50%;
    background: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: -webkit-transform .25s ease-in-out;
    -webkit-transition: -webkit-transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
    transition: -webkit-transform .25s ease-in-out
}

#header .nav-link:hover {
    border: 1px solid rgba(200, 200, 200, 0.8);
    color: white;
    background-color: rgba(200, 200, 200, 0.1);
    border-radius: 1.04167rem;
    text-decoration: none
}

.nav-checked {
    background-color: rgba(200, 200, 200, 0.1);
    border: 1px solid rgba(200, 200, 200, 0.8);
    color: white !important;
    border-radius: 1.04167rem
}

#header .nav-icon.toggler:after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

#header .nav-icon.toggler:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

#header .nav-icon.toggler {
    border-color: transparent
}

.round2 ul,
li {
    text-align: center;
    text-decoration: none
}

@media (max-width: 48.4375rem) {
    #header {
        min-height: 4.53125rem;
        background-color: rgba(0, 0, 0, 0.1);
        height: auto
    }

    #header .mahadao-logo {
        padding-left: 0px;
        margin-top: 1.04167rem;
        width: 6.25rem;
        display: inline-block
    }

    #header .nav-link:hover {
        border: 1px solid rgba(200, 200, 200, 0.8);
        color: white;
        background-color: rgba(200, 200, 200, 0.1);
        border-radius: 1.04167rem
    }

    #header a#navbardrop {
        position: relative
    }

    #header .dropdown.show a#navbardrop:after {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    #header .navbar-nav {
        height: auto;
        margin-left: 50%
    }

    #header .nav-item {
        display: block;
        line-height: 2.60417rem
    }

    #header .nav-item.dropdown.show {
        height: auto
    }

    #header .navbar-toggler {
        outline: none
    }

    #header .dropdown-menu-outer {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    #header .dropdown-menu {
        display: none;
        background: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transform: inherit;
        transform: inherit;
        opacity: 1;
        padding: 0;
        visibility: visible
    }

    #header .dropdown-menu.show {
        display: block
    }

    #header .dropdown-menu:after {
        height: 0
    }

    #header .nav-link {
        font-size: .83333rem;
        margin-left: .52083rem;
        margin-right: .52083rem
    }

    #header .nav-link.btn-orange {
        margin-left: 0px;
        display: block
    }

    #header .nav-item {
        padding-bottom: 2px;
        padding-top: 2px;
        text-align: center
    }

    .round2 ul,
    li {
        text-align: center;
        text-decoration: none
    }

    #header .navbar-nav li:first-child {
        border-top: 1px solid rgba(255, 255, 255, 0.08);
        margin-top: .9375rem;
        padding-top: .78125rem
    }

    #header .navbar-nav li:last-child {
        border: none;
        margin-left: .9375rem;
        margin-right: .9375rem;
        padding-bottom: 0
    }

    #header .nav-item-gray-btn {
        margin-left: .9375rem;
        margin-right: .9375rem;
        padding-bottom: 1.14583rem;
        padding-top: 5px;
        border: none
    }

    #header .nav-link,
    #header .dropdown-item {
        padding-left: .9375rem;
        padding-right: .9375rem;
        margin: 0
    }

    #header .dropdown-item {
        opacity: 0.64;
        color: #f5f5f5
    }
}

footer {
    background: #0B0019;
    margin-top: 7.8125rem;
    z-index: 0
}

footer input {
    border: 1px solid #aaa;
    background: #0C0019;
    border-radius: 3px;
    color: #aaa;
    height: 2.08333rem;
    width: 12.5rem
}

footer button {
    background: url("./../web/input.png");
    background-size: 100% 100%;
    height: 2.23958rem;
    width: 8.85417rem;
    color: #ddd
}

.dfooter div {
    font-size: .83333rem;
    font-family: ArialMT;
    line-height: .9375rem;
    margin-bottom: 1.5625rem;
    color: #666
}

.dfooter a {
    color: #666
}

.dtitle {
    font-size: .83333rem;
    font-family: Helvetica;
    color: #ccc !important;
    line-height: .98958rem
}

footer .white-line {
    background: #3c3c3c
}

footer .button3 {
    border-radius: 2.34375rem;
    color: #fff;
    margin: .57292rem 0px;
    text-align: left;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    position: relative
}

footer .footer-btn li {
    display: inline-block;
    padding-bottom: 5px
}

footer .white-line {
    margin: 2.08333rem auto
}

footer .footer-link li {
    list-style: none;
    padding-bottom: .625rem
}

footer .footer-link li a {
    color: #969699;
    font-size: .83333rem
}

footer a:hover {
    text-decoration: none;
    outline: none
}

footer .footer-btm {
    color: #969699;
    opacity: 0.88;
    opacity-font-size: .83333rem
}

footer .footer-btm a {
    color: #969699
}

footer .button3 {
    background: #AEAEAE;
    width: 1.66667rem;
    height: 1.66667rem
}

footer .button3:hover {
    background: #fff;
    outline: none;
    text-decoration: none
}

footer .footer-content {
    overflow: hidden;
    padding-top: 4.58333rem;
    padding-bottom: 4.58333rem;
    position: relative
}

footer .footer-content .button1 {
    width: 8.22917rem;
    height: 2.39583rem;
    line-height: 2.39583rem;
    padding-left: .52083rem;
    padding-right: .52083rem
}

footer .footer-title {
    padding-bottom: 1.25rem;
    font-size: .9375rem;
    font-weight: 500;
    margin: 0
}

footer .footer-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

footer .footer-text {
    color: #969696;
    font-family: "Inter", sans-serif;
    font-size: .83333rem;
    font-style: normal;
    padding-bottom: 1.25rem;
    font-weight: 400;
    line-height: 1.30208rem;
    letter-spacing: 0em
}

footer .social-items {
    color: #fff;
    width: 100%
}

footer .social-items a {
    width: 3.07292rem;
    display: inline-block
}

@media (min-width: 33.33333rem) and (max-width: 62.5rem) {
    footer .social-items a {
        width: 1.875rem
    }
}

footer .fab {
    color: #262626;
    font-size: .9375rem;
    margin: 0 50px 25px 0;
    position: absolute;
    top: 50%;
    left: 49%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

footer .button3:hover .fab:hover {
    color: #000
}

footer .button1 {
    width: 10.41667rem;
    height: 2.91667rem;
    font-size: .83333rem;
    border-radius: 2.34375rem;
    background-color: #333333;
    color: #fff;
    border: 1px solid #f95921;
    margin-left: .9375rem
}

@media (max-width: 31.25rem) {
    footer .social-items {
        display: inherit !important;
        margin: 0 auto;
        width: 67%;
        text-align: center
    }

    footer .white-line {
        margin-top: 1.04167rem
    }

    footer .social-items a {
        padding-left: 8px;
        padding-right: 8px
    }

    footer .footer-top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width: 38.54167rem) {
    footer .equal-btn-mobile {
        -ms-flex-pack: distribute;
        justify-content: space-around;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    footer .social-items {
        width: 100%
    }

    footer .social-items .button3 {
        margin: 0px 0px 20px 0px
    }
}

footer #footer-gradient {
    background: #212121;
    background: radial-gradient(circle, #542929 0%, #212121 50%);
    position: absolute;
    top: 0;
    opacity: 1;
    left: calc(50% - 450px);
    right: 0;
    height: 45.3125rem;
    width: 45.3125rem;
    z-index: -1
}

li {
    list-style: none
}

a {
    outline: none
}

#no-txt-decoration {
    text-decoration: none
}

#learn-more {
    color: #423f3f
}

.padding-left-40 {
    padding-left: 2.08333rem !important
}

.padding-none {
    padding: 0 !important
}

.margin-none {
    margin: 0 !important
}

.margin-top-35 {
    margin-top: 1.82292rem
}

.font-weight-normal {
    font-weight: 300 !important
}

.font-weight-500 {
    font-weight: 500 !important
}

.red-color {
    color: #FD5656
}

.aqua-color {
    color: #4ED8DA
}

.gold-color {
    color: #F0C757
}

.purpule-color {
    color: #D758FF
}

.orange-color {
    color: #FDA871
}

.blue-color {
    color: #5C80F2
}

.bullet-text-after.red-color:after {
    background: #FD5656
}

.bullet-text-after.aqua-color:after {
    background: #4ED8DA
}

.bullet-text-after.gold-color:after {
    background: #F0C757
}

.bullet-text-after.purpule-color:after {
    background: #D758FF
}

.bullet-text-after.orange-color:after {
    background: #FDA871
}

.bullet-text-after.blue-color:after {
    background: #5C80F2
}

#margin-27px-less {
    margin-top: -27px
}

#padding-top-30 {
    padding-top: 1.5625rem
}

.padding-top-24 {
    padding-top: 1.25rem
}

.padding-top-12 {
    padding-top: .625rem
}

a.link-white {
    color: #fff;
    font-family: "Syne", sans-serif
}

a.link-underline {
    text-decoration: underline !important
}

a:hover.link-underline {
    text-decoration: none !important
}

.gradiant-link {
    background: linear-gradient(81.26deg, #F47F57 14.65%, #FD5656 83.88%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.yes-txt-decoration {
    position: relative;
    text-decoration: none
}

.yes-txt-decoration:after {
    content: '';
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(81.26deg, #F47F57 14.65%, #FD5656 83.88%)
}

.yes-txt-decoration:hover:after {
    background: none
}

.padding-bottom-30 {
    padding-bottom: 1.5625rem
}

.container {
    position: relative
}

.button-small {
    width: 9.58333rem;
    height: 2.44792rem;
    font-size: .83333rem;
    border-radius: 2.34375rem;
    background-color: #333333;
    color: #fff;
    border: 1px solid #f95921
}

@media (max-width: 31.25rem) {
    .button-small {
        text-align: center
    }
}

.button-small:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#f47f57), to(#fd5656));
    background: linear-gradient(#f47f57, #fd5656)
}

.button-small:focus {
    outline: none
}

.token-header {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .9375rem 0;
    background-color: #2A2827
}

@media (max-width: 31.25rem) {
    .token-header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.header-token-row:nth-of-type(1) {
    padding-right: 2.29167rem;
    border-right: 1px solid rgba(255, 255, 255, 0.24)
}

@media (max-width: 31.25rem) {
    .header-token-row:nth-of-type(1) {
        padding: 0;
        border: 0
    }
}

.header-token-row:nth-of-type(2) {
    padding-left: 2.29167rem
}

@media (max-width: 31.25rem) {
    .header-token-row:nth-of-type(2) {
        padding: 0
    }
}

.tokenadd {
    display: block;
    text-align: center;
    line-height: 1.04167rem;
    color: #fff;
    margin-bottom: 4px
}

.tokenadd a {
    font-family: Inter;
    font-style: normal;
    font-weight: 300;
    font-size: .72917rem;
    line-height: 140%;
    color: rgba(255, 255, 255, 0.88);
    text-decoration: none
}

.tokenadd a:hover {
    text-decoration: none
}

.showclass {
    display: block !important
}

.hideclass {
    display: none !important
}

.main-heading {
    font-weight: 700;
    font-style: normal;
    color: rgba(255, 255, 255, 0.88)
}

.sub-heading-text {
    color: #A2A2A2;
    line-height: 1.30208rem;
    margin: 0 auto
}

.sub-heading {
    color: #fff
}

.outline-title {
    font-weight: 700;
    line-height: 2.86458rem;
    letter-spacing: 1px;
    color: #000;
    -webkit-text-stroke: 0.5px #fff;
    padding-bottom: 1.04167rem
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    padding-right: .52083rem;
    padding-left: .52083rem
}

a.opacity-link {
    opacity: 0.64
}

a:hover.opacity-link {
    opacity: 0.88
}

.typo-body-small,
.typo-body-medium,
.typo-body-large {
    font-style: normal;
    font-weight: 300
}

.card {
    margin-left: 0;
    margin-right: 0
}

.card-header {
    padding: 2.08333rem 40px 0px 40px;
    border: none
}

.card-body {
    padding: 2.08333rem;
    text-align: center
}

.card-deck .card {
    margin-left: 0;
    margin-right: 0
}

.card-deck .card {
    margin-bottom: .78125rem
}

.card-bg {
    background: -webkit-gradient(linear, left top, left bottom, from(#2D2D2D), to(#1C1C1C));
    background: linear-gradient(180deg, #2D2D2D 0%, #1C1C1C 100%);
    border: none
}

.card-title {
    font-style: normal;
    font-weight: 700;
    line-height: 2.08333rem;
    color: rgba(255, 255, 255, 0.88);
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 8px
}

.card-text {
    font-style: normal;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.64)
}

.text-orange {
    color: #FF7F57
}

.text-white {
    color: #fff
}

.text-gradient {
    background: linear-gradient(81.26deg, #F47F57 14.65%, #FD5656 83.88%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "Syne", sans-serif
}

.main-section {
    max-width: 62.5rem;
    margin: 0 auto;
    padding: 0 30px
}

@media (max-width: 38.54167rem) {
    .tokenadd {
        font-size: 9px;
        line-height: unset;
        padding: 5px 10px
    }

    .main-title,
    .main-heading,
    .card-title {
        line-height: 1.45833rem
    }

    .sub-heading {
        font-size: 1.04167rem !important
    }

    .inner-title {
        font-size: 1.25rem !important;
        line-height: 1.45833rem !important
    }

    .sub-heading-text {
        line-height: 1.04167rem
    }

    .sm-padding-top-55 {
        padding-top: 2.8125rem !important
    }
}

.arth-section {
    text-align: center;
    font-style: normal;
    font-family: "Syne", sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.gradient-bg {
    background: linear-gradient(128.31deg, #FF8B71 5.12%, #A81E41 83.33%)
}

.bullet-text {
    position: relative;
    padding-left: 1.04167rem;
    color: #A1A1A1
}

.bullet-text:before {
    content: '';
    background: linear-gradient(135deg, #FF8B71 14.65%, #C33F50 64.43%, #A81E41 85.37%);
    width: .57292rem;
    height: .52083rem;
    display: inline-block;
    border-radius: .57292rem;
    margin-top: 7px;
    position: absolute;
    left: 0
}

.btn-outline {
    border: 1px solid rgba(255, 255, 255, 0.2)
}

.bg-none {
    background: none
}

.theme-btn {
    font-family: "Inter", sans-serif;
    background: linear-gradient(38.44deg, #F47F57 15.81%, #FD5656 87.57%);
    display: inline-block;
    border-radius: 6px;
    text-align: center;
    padding: .625rem 15px;
    font-size: .72917rem;
    color: #fff !important;
    border: 1px solid #EB7254
}

.theme-btn:hover {
    background: #FF7F57;
    border: 1px solid #FF7F57;
    text-decoration: none
}

.theme-btn:active {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-11.33%, #F47F57), to(#FD5656));
    background: linear-gradient(180deg, #F47F57 -11.33%, #FD5656 100%)
}

.theme-btn-outline {
    display: inline-block;
    font-family: "Inter", sans-serif;
    font-size: .72917rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 6px;
    text-align: center;
    padding: .57292rem 15px;
    color: #fff !important
}

.theme-btn-outline:hover {
    background: #423B38;
    border: 1px solid #E8E7E7;
    text-decoration: none
}

.theme-btn-outline:active {
    background: #2A2827;
    border: 1px solid #6E6D6C
}

.theme-btn:hover {
    text-decoration: none
}

.btn-md {
    min-width: 8.33333rem;
    font-weight: 600
}

.btn-sm {
    min-width: 6.25rem
}

.btn-lg {
    min-width: 17.08333rem
}

.disabled-btn {
    display: inline-block;
    background: #606060;
    font-size: .72917rem;
    border: 1px solid #606060;
    border-radius: 6px;
    text-align: center;
    padding: .625rem 15px;
    color: #8D8D8D !important;
    pointer-events: none
}

.disabled-btn:hover {
    border: 1px solid #606060
}

button {
    border: 0;
    outline: none
}

.button1 {
    width: 9.58333rem;
    height: 2.44792rem;
    line-height: 2.34375rem;
    text-align: center;
    font-size: .9375rem;
    border-radius: 2.34375rem;
    background-color: #333;
    color: #fff;
    border: 1px solid #F47F57;
    display: inline-block;
    cursor: pointer
}

.button1:hover {
    background: linear-gradient(38.44deg, #F47F57 15.81%, #FD5656 87.57%);
    border: 1px solid #F47F57;
    color: #fff;
    text-decoration: none
}

.button-flexible {
    height: 2.44792rem;
    line-height: 2.34375rem;
    padding: 0px 20px;
    text-align: center;
    font-size: .9375rem;
    border-radius: 2.34375rem;
    background-color: #333;
    color: #fff;
    border: 1px solid #F47F57;
    display: inline-block;
    cursor: pointer
}

.button-flexible:hover {
    background: linear-gradient(38.44deg, #F47F57 15.81%, #FD5656 87.57%);
    border: 1px solid #F47F57;
    color: #fff;
    text-decoration: none
}

.btn-medium {
    padding: .57292rem 46px;
    height: inherit;
    line-height: inherit
}

.tringle-shap {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: .625rem solid #fff;
    display: inline-block;
    border-radius: 3px;
    vertical-align: middle
}

.dark-table {
    color: #fff;
    font-weight: 300;
    font-style: normal;
    text-align: left
}

.dark-table th,
.dark-table td {
    border: none !important;
    padding: 1.04167rem 32px;
    font-weight: normal;
    vertical-align: middle !important
}

.dark-table th {
    background: #0B0019;
    color: #969696;
    font-weight: bold
}

.dark-table td {
    font-weight: 300;
    color: #fff
}

.dark-table td strong {
    color: #fff;
    font-weight: 700
}

.dark-table tbody tr {
    background: #2A2827
}

.dark-table tbody tr:nth-of-type(2n+1) {
    background: #1F1E1E
}

.totel td {
    font-weight: 700
}

.dark-table .td-bor-left {
    border-left: 1px solid rgba(255, 255, 255, 0.08) !important
}

.bullet-text-after {
    position: relative;
    padding-left: 1.77083rem
}

.bullet-text-after:after {
    background: #fff;
    width: .72917rem;
    height: .72917rem;
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 5px
}

::-webkit-scrollbar {
    height: 8px
}

.theme-font-color {
    color: #969696
}

.content-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 38.54167rem) {

    .dark-table,
    .dark-table th,
    .dark-table td {
        font-size: .72917rem
    }

    .dark-table .font-32 {
        font-size: .9375rem !important
    }

    .font-18 {
        font-size: .72917rem !important
    }

    .font-20 {
        font-size: .83333rem !important
    }

    .font-22 {
        font-size: .9375rem !important
    }

    .font-24 {
        font-size: 1.04167rem !important
    }

    .font-32 {
        font-size: 1.45833rem !important
    }

    .font-46 {
        font-size: 1.5625rem !important
    }
}

.closed {
    background: rgba(250, 76, 105, 0.2) !important;
    color: #FA4C69 !important
}

.f-card-title {
    font-size: 1.25rem
}

.f-card-text {
    font-size: .72917rem;
    font-family: "Syne", sans-serif
}

.main-heading {
    font-family: "Syne", sans-serif;
    font-size: 2.39583rem
}

.sub-heading-text {
    font-size: 1.14583rem;
    font-family: "Syne", sans-serif
}

.sub-heading {
    font-size: 1.66667rem;
    font-family: "Syne", sans-serif
}

.outline-title {
    font-size: 2.39583rem;
    font-family: "Syne", sans-serif
}

.f-card-title {
    font-family: "Syne", sans-serif
}

.tab {
    font-size: .83333rem
}

.partner-box {
    font-size: .83333rem
}

.imagine-link {
    font-size: .72917rem
}

.card-title {
    font-family: "Syne", sans-serif;
    font-size: 1.66667rem
}

.card-text {
    font-family: "Inter", sans-serif;
    font-size: .83333rem
}

.f-text-text {
    font-family: "Inter", sans-serif;
    font-size: .83333rem
}

.main-section-bottom-bg {
    font-size: 1.14583rem
}

.pitch {
    font-family: "Syne", sans-serif;
    font-weight: bold;
    color: #A1A1A1
}

.product_title_text {
    font-family: "Inter", sans-serif;
    font-size: .83333rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0px;
    text-align: center;
    color: #a1a1a1;
    margin: 0 auto 40px
}

.footer-title {
    font-size: .9375rem
}

.dark-table {
    font-size: 1.14583rem;
    font-family: "Inter", sans-serif
}

.dark-table th {
    font-family: "Syne", sans-serif
}

.font-12 {
    font-size: .625rem !important
}

.font-14 {
    font-size: .72917rem !important
}

.font-16 {
    font-size: .83333rem !important
}

.font-18 {
    font-size: .9375rem !important
}

.font-20 {
    font-size: 1.04167rem !important
}

.font-22 {
    font-size: 1.14583rem !important
}

.font-24 {
    font-size: 1.25rem !important
}

.font-32 {
    font-size: 1.66667rem !important
}

.font-42 {
    font-size: 2.1875rem !important
}

.typo-syne-h1 {
    font-size: 4.27083rem;
    font-family: serif;
    font-weight: 800
}

.typo-syne-h2 {
    font-size: 1.66667rem;
    font-weight: 700
}

.typo-syne-h3 {
    font-size: 1.25rem
}

.typo-syne-h4 {
    font-size: 1.45833rem;
    color: #fff !important;
    font-weight: 200 !important
}

.typo-syne-h5 {
    font-size: .83333rem
}

.typo-syne-h1,
.typo-syne-h2,
.typo-syne-h3,
.typo-syne-h4,
.typo-syne-h5 {
    font-family: "Syne", sans-serif
}

.typo-body-large {
    font-size: .9375rem;
    font-family: "Inter", sans-serif
}

.typo-body-medium {
    font-size: .83333rem;
    font-family: "Inter", sans-serif
}

.typo-body-small {
    font-size: .72917rem;
    font-family: "Inter", sans-serif
}

.typo-capital {
    font-size: .625rem
}

.typo-inter-h2 {
    font-size: 1.25rem;
    font-family: "Inter", sans-serif
}

.typo-inter-h4 {
    font-size: .83333rem;
    font-family: "Inter", sans-serif
}

@media screen and (max-width: 34.73958rem) {
    .typo-syne-h1 {
        font-size: 1.66667rem
    }

    .typo-syne-h2 {
        font-size: 1.25rem
    }

    .typo-syne-h3 {
        font-size: .9375rem
    }

    .typo-syne-h4 {
        font-size: .83333rem
    }

    .typo-syne-h5 {
        font-size: .72917rem
    }

    .typo-body-large {
        font-size: .83333rem
    }

    .typo-body-medium {
        font-size: .72917rem
    }

    .typo-body-small {
        font-size: .625rem
    }
}

@media only screen and (min-width: 53.33333rem) and (max-width: 66.14583rem) {
    .typo-syne-h1 {
        font-size: 1.875rem
    }

    .typo-syne-h2 {
        font-size: 1.35417rem
    }

    .typo-syne-h3 {
        font-size: .9375rem
    }

    .typo-syne-h4 {
        font-size: .72917rem
    }

    .typo-syne-h5 {
        font-size: .625rem
    }
}

.container-title {
    display: flex;
    width: 100%;
    text-align: justify;
    padding-left: 14.58333rem;
    padding-right: 14.58333rem;
    justify-content: space-between
}

.navbar-collapse {
    justify-content: right;
    margin-top: .78125rem !important
}

.nav-item {
    display: inline-block;
    line-height: 1.04167rem
}

#second-title {
    width: 100%;
    height: 27.08333rem
}

.bbox {
    background-size: 100% 100%;
    height: 27.08333rem;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 1s;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    background-position: center
}

.bbox:hover {
    background-size: 110% 110%
}

#foive-title {
    height: 23.4375rem;
    width: 100%;
    display: flex;
    text-align: center;
    margin-top: 1.5625rem;
    justify-content: center;
    align-items: center;
    transition: all 1s;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    background-position: center;
    background-image: url("./../web/s1.png");
    background-size: 100% 100%
}

#foive-title:hover {
    background-size: 110% 110%
}

.bbox #t1 {
    margin-bottom: .78125rem;
    font-size: 1.97917rem;
    font-family: Oswald;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 1.875rem
}

.bbox #t2 {
    margin-top: .78125rem;
    font-size: .9375rem;
    font-family: Roboto;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 1.5625rem;
    max-width: 27.60417rem
}

#three-title {
    height: 22.60417rem;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center
}

#three-title .input-group {
    width: 25.88542rem;
    height: 4.42708rem;
    background: #FFFFFF;
    box-shadow: 0px 7px 35px 0px rgba(44, 44, 45, 0.1);
    border-radius: 2.23958rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.container-main {
    padding-left: 14.84375rem;
    padding-right: 14.84375rem
}

.flex-center {
    display: flex;
    text-align: center;
    position: relative;
    justify-content: center;
    align-items: center
}

#session {
    display: flex;
    text-align: center;
    position: relative;
    margin-top: 1.5625rem;
    justify-content: center;
    align-items: center
}

#session2 {
    display: block;
    text-align: center;
    position: relative;
    margin-top: 1.5625rem;
    justify-content: center;
    align-items: center
}

#session .title {
    width: 57.29167rem;
    height: 8.90625rem;
    font-size: 3.33333rem;
    font-family: Fontquan-XinYilogoTi;
    font-weight: 400;
    line-height: 4.58333rem;
    color: #FFFFFF;
    opacity: 1
}

#five-title {
    width: 68.125rem;
    margin: 1.5625rem auto;
    text-align: center
}

.swiper-slide {
    width: 44.6875rem !important;
    background-color: #EDEEF1 !important
}

#three-title .input-group button {
    width: 5.36458rem;
    height: 2.44792rem;
    cursor: pointer;
    margin-left: 1.5625rem;
    background: linear-gradient(74deg, #49007C, #E70088);
    border-radius: 1.25rem;
    color: white
}

.three_title {
    height: 2.29167rem;
    font-size: 2.5rem;
    font-family: Oswald;
    font-weight: bold;
    color: #000000;
    line-height: 1.875rem
}

#store-title {
    height: 56.25rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    align-items: center
}

#store-title div {
    text-align: center;
    margin: auto
}

#section-title {
    margin-top: 8.33333rem;
    height: 46.875rem
}

#section-title .imagine-link {
    margin-left: 2.08333rem;
    font-weight: 600;
    font-family: "Inter", sans-serif
}

#section-title .tringle-space {
    padding-right: 4px
}

#section-title .counter-count {
    color: #FF7F57
}

#section-title .title-down-text {
    margin: 1.66667rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 33.59375rem;
    position: relative
}

#section-title .line {
    background: linear-gradient(38.44deg, #F47F57 15.81%, #FD5656 87.57%);
    width: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    height: 100%;
    margin-top: 0;
    margin-bottom: 0
}

#section-title .text-slide-right {
    overflow: hidden;
    line-height: 1.25rem;
    color: rgba(255, 255, 255, 0.64);
    font-weight: 700;
    width: 33.59375rem;
    padding-left: .98958rem
}

#section-title .text-slide-right p {
    -webkit-animation: 3s text-slide-right;
    animation: 3s text-slide-right;
    margin-bottom: 0
}

@-webkit-keyframes text-slide-right {
    from {
        margin-left: -100%;
        width: 100%
    }
}

@keyframes text-slide-right {
    from {
        margin-left: -100%;
        width: 100%
    }
}

#section-title to {
    padding-left: 1.04167rem;
    width: 100%
}

#videoModal {
    top: 10%
}

.modal-dialog {
    margin: 0;
    max-width: 44.47917rem;
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 100%;
    max-width: 44.47917rem;
    left: 50%;
    -webkit-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important
}

.modal-content {
    background: none
}

.modal-header {
    border: none;
    padding: 0;
    height: 3.125rem;
    display: inline-block
}

.close-btn {
    width: 2.60417rem;
    height: 2.60417rem;
    position: relative;
    cursor: pointer;
    float: right
}

.close-btn:before,
.close-btn:after {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff
}

.close-btn:after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

#video {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.video-outer {
    overflow: hidden;
    padding-top: 56.25%;
    position: relative
}

@media (max-width: 38.54167rem) {
    .modal-dialog {
        width: 96%
    }

    .imagine-link {
        margin-left: 0 !important
    }

    .imagine-link {
        margin-top: 1.04167rem;
        display: inline-block
    }

    .sm-center {
        text-align: center
    }
}

@media screen and (max-width: 38.54167rem) and (max-width: 29.94792rem) {
    #section-title {
        margin-top: 2.60417rem
    }

    #section-title .text-slide-right {
        line-height: 1.09375rem
    }
}

.top_card {
    background-image: url("./../web/bacg.png");
    text-align: center
}

.e_card {
    background-image: url("./../web/meng.png");
    background-size: 100% 100%;
    text-align: left;
    padding: 2.60417rem;
    min-width: 80%;
    max-width: 21.66667rem;
    margin: auto;
    display: block
}

.d_card {
    background-image: url("./../web/meng.png");
    background-size: 100% 100%;
    text-align: left;
    padding: 2.60417rem;
    min-width: 80%;
    margin: auto;
    display: block
}

.e_card button {
    margin-top: .52083rem;
    width: 5.36458rem;
    height: 1.71875rem;
    font-size: 1.14583rem;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: 1.71875rem;
    color: #FFFFFF;
    opacity: 1;
    border-radius: 5px;
    background-image: url("./../web/bg1.png");
    background-size: 100% 100%
}

.e_card div {
    margin-top: .52083rem;
    font-size: .83333rem;
    font-family: PingFang SC;
    font-weight: 400;
    height: 7.8125rem;
    line-height: 1.66667rem;
    color: #A7A1C7;
    opacity: 1
}

.e_card .top_title {
    padding-top: .52083rem;
    font-size: .83333rem;
    text-align: left;
    height: 2.60417rem;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 1.66667rem;
    color: #FFFFFF;
    opacity: 1
}

.b_card {
    background-image: url("./../web/bac3.png");
    background-size: 100% 100%;
    text-align: left;
    padding: 2.60417rem;
    height: 26.04167rem;
    width: 21.66667rem;
    margin: auto;
    display: block
}

.b_card .tt {
    font-size: 1.45833rem;
    font-family: PingFang SC;
    font-weight: 800;
    line-height: 2.08333rem;
    color: #FFFFFF;
    opacity: 1
}

.b_card div {
    font-size: .83333rem;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 1.66667rem;
    color: #A7A1C7;
    opacity: 1;
    margin-top: 1.04167rem
}

.t_card {
    background-image: url("./../web/bac3.png");
    background-size: 100% 100%;
    text-align: center;
    padding: 2.60417rem;
    height: 15.625rem;
    min-width: 80%;
    margin: auto;
    display: block
}

.t_card img {
    margin-left: 2.60417rem
}

.t_card div {
    height: 2.08333rem;
    text-align: left;
    font-size: 1.35417rem;
    font-family: PingFang SC;
    font-weight: 800;
    line-height: 2.08333rem;
    color: #FFFFFF;
    opacity: 1
}

.t_card:hover {
    background-image: url("./../web/bg1.png");
    background-size: 100% 100%
}

.t_card .top_title {
    padding-top: .52083rem;
    font-size: .83333rem;
    text-align: left;
    margin-left: 3.64583rem;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 1.66667rem;
    color: #FFFFFF;
    opacity: 1
}

.top_title {
    color: white;
    margin: auto;
    font-size: .9375rem;
    font-family: ArialMT;
    color: #FFFFFF;
    line-height: 2.13542rem;
    padding-top: 2.08333rem
}

.top_card img {
    margin: auto;
    display: block
}

.round2 img {
    width: 1.5625rem;
    height: 1.5625rem
}

@keyframes rotate {
    0% {
        transform: rotate(0deg) skew(0deg) scale(1);
        -ms-transform: rotate(0deg) skew(0deg) scale(1);
        -moz-transform: rotate(0deg) skew(0deg) scale(1);
        -webkit-transform: rotate(0deg) skew(0deg) scale(1);
        -o-transform: rotate(0deg) skew(0deg) scale(1)
    }

    100% {
        transform: rotate(360deg) skew(0deg) scale(1);
        -ms-transform: rotate(360deg) skew(0deg) scale(1);
        -moz-transform: rotate(360deg) skew(0deg) scale(1);
        -webkit-transform: rotate(360deg) skew(0deg) scale(1);
        -o-transform: rotate(360deg) skew(0deg) scale(1)
    }
}

.nav-link:hover {
    color: white
}

#section-four-features {
    padding-top: 0px;
    position: relative;
    text-align: center
}

.section-form div {
    margin-top: 1.04167rem !important
}

.sf input {
    padding: .52083rem;
    text-align: start
}

.section-form .row {
    margin-left: 5%
}

.section-form input {
    width: 28%;
    margin: 0 1%;
    margin-bottom: .52083rem;
    height: 3.125rem;
    font-size: .9375rem;
    background: rgba(216, 216, 216, 0.13);
    border: 1px solid #FE3EFF;
    opacity: 1;
    padding: .52083rem;
    border-radius: 6px;
    color: #A7A1C7
}

.section-form button {
    background-image: url("./../web/bg1.png");
    background-size: 100%;
    width: 9.375rem;
    height: 3.125rem;
    opacity: 1;
    display: flex;
    margin: auto;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    border-radius: 5px
}

.section-form button span {
    background-image: url("./../web/arrow.png");
    background-size: 100%;
    width: 1.04167rem;
    height: 1.04167rem;
    margin-left: 5px;
    text-align: center;
    display: inline-block
}

#section-five-features {
    padding-top: 0px;
    position: relative;
    text-align: center
}

#section-fiv5-features {
    padding-top: 0px;
    position: relative;
    text-align: center
}

.sss div {
    border: 1px solid #ccc
}

#section-fou5-features div {
    margin: auto;
    margin-top: 3.125rem;
    text-align: center;
    height: 3.4375rem;
    font-size: 1.25rem;
    font-family: ArialMT;
    color: grey;
    line-height: 1.45833rem;
    letter-spacing: 1px
}

#section-four-features2 {
    padding-top: 0px;
    position: relative;
    text-align: center
}

#section-three-features .main-heading-built {
    padding-bottom: 8px
}

#section-three-features .product_title_text {
    font-weight: 700;
    color: rgba(255, 255, 255, 0.64);
    line-height: 1.25rem;
    margin-bottom: 2.5rem
}

#section-three-features .pitch {
    color: rgba(255, 255, 255, 0.64);
    padding-bottom: 1.35417rem
}

#section-three-features .col-12 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#section-three-features .card {
    border-radius: .83333rem;
    border: 0
}

#section-three-features .img-container {
    max-width: 50%;
    height: 4.16667rem;
    margin: auto
}

#section-three-features .img-container-head {
    height: 6.25rem;
    margin-top: 2.08333rem
}

#section-three-features .card-title {
    margin-bottom: .83333rem
}

#section-three-features .card-text {
    line-height: 1.25rem;
    min-height: 5.72917rem
}

#section-three-features .card-text-built {
    margin-bottom: 0;
    padding-bottom: 1.97917rem;
    min-height: 7.03125rem
}

.preserve-ani {
    position: relative;
    top: 3.125rem
}

.curve-1 {
    margin-left: -16px
}

.curve-2 {
    left: 4.89583rem;
    top: -50px;
    position: absolute
}

.ball-1 {
    top: 1.25rem;
    left: 5px;
    position: relative
}

.ball-2 {
    position: absolute;
    left: 3.85417rem;
    top: -3px;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.ball-3 {
    position: absolute;
    left: 7.8125rem;
    top: -55px;
    -webkit-transform: scale(1.6);
    transform: scale(1.6)
}

.three-features-jump .curve-1 {
    stroke-dasharray: 1020;
    stroke-dashoffset: 0;
    -webkit-animation: curve-1 10s linear;
    animation: curve-1 10s linear
}

@-webkit-keyframes curve-1 {
    from {
        stroke-dashoffset: 1024
    }

    to {
        stroke-dashoffset: 0
    }
}

@keyframes curve-1 {
    from {
        stroke-dashoffset: 1024
    }

    to {
        stroke-dashoffset: 0
    }
}

.three-features-jump .curve-2 {
    stroke-dasharray: 1020;
    stroke-dashoffset: 0;
    -webkit-animation: curve-2 10s linear;
    animation: curve-2 10s linear
}

@-webkit-keyframes curve-2 {
    0% {
        stroke-dashoffset: 1024
    }

    15% {
        stroke-dashoffset: 1024
    }

    100% {
        stroke-dashoffset: 0
    }
}

@keyframes curve-2 {
    0% {
        stroke-dashoffset: 1024
    }

    15% {
        stroke-dashoffset: 1024
    }

    100% {
        stroke-dashoffset: 0
    }
}

.three-features-jump .ball-2 {
    -webkit-animation: ball-2 4s linear;
    animation: ball-2 4s linear
}

@-webkit-keyframes ball-2 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    30% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes ball-2 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    30% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.three-features-jump .ball-3 {
    -webkit-animation: ball-3 3s linear;
    animation: ball-3 3s linear
}

@-webkit-keyframes ball-3 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    78% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1.6);
        transform: scale(1.6)
    }
}

@keyframes ball-3 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    78% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1.6);
        transform: scale(1.6)
    }
}

.elastic-supply {
    position: relative
}

.elastic-triangle {
    display: inline-block;
    position: absolute;
    vertical-align: top
}

.triangle-1 {
    background: url(../image/triangle-1.ad280c585f50247152f752129c6cb24d.png) no-repeat;
    width: 2.70833rem;
    height: 2.34375rem;
    left: 0;
    bottom: 0
}

.triangle-2 {
    background: url(../image/triangle-2.de140309606cbb3e6cb32403e14d64dd.png) no-repeat;
    width: 4.79167rem;
    height: 4.21875rem;
    margin-left: -55px;
    left: 2.91667rem;
    bottom: 0
}

.triangle-3 {
    background: url(../image/triangle-3.4de358816ac127ddc9b70750bebafdc1.png) no-repeat;
    width: 6.92708rem;
    height: 5.9375rem;
    margin-left: -97px;
    left: 5.05208rem;
    bottom: 0
}

.three-features-jump .triangle-1 {
    -webkit-animation: triangle-1 1s linear;
    animation: triangle-1 1s linear
}

@-webkit-keyframes triangle-1 {
    0% {
        height: 0px
    }

    100% {
        height: 2.34375rem
    }
}

@keyframes triangle-1 {
    0% {
        height: 0px
    }

    100% {
        height: 2.34375rem
    }
}

.three-features-jump .triangle-2 {
    -webkit-animation: triangle-2 2s linear;
    animation: triangle-2 2s linear
}

@-webkit-keyframes triangle-2 {
    0% {
        height: 0px
    }

    50% {
        height: 0px
    }

    100% {
        height: 4.21875rem
    }
}

@keyframes triangle-2 {
    0% {
        height: 0px
    }

    50% {
        height: 0px
    }

    100% {
        height: 4.21875rem
    }
}

.three-features-jump .triangle-3 {
    -webkit-animation: triangle-3 3s linear;
    animation: triangle-3 3s linear
}

@-webkit-keyframes triangle-3 {
    0% {
        height: 0px
    }

    50% {
        height: 0px
    }

    100% {
        height: 5.9375rem
    }
}

@keyframes triangle-3 {
    0% {
        height: 0px
    }

    50% {
        height: 0px
    }

    100% {
        height: 5.9375rem
    }
}

.value-stability-ani {
    background: url(../image/value-stability-img.e6d070594ab5e89d12db39196ae4f537.svg) no-repeat;
    position: relative;
    width: 6.40625rem;
    height: 6.40625rem;
    text-align: center;
    padding-top: 1.14583rem;
    display: inline-block
}

.flip-s {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg)
}

.flip-s-2 {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    margin-left: -82px
}

.three-features-jump .flip-s {
    -webkit-animation: flip-s 2s linear;
    animation: flip-s 2s linear
}

.three-features-jump .flip-s-2 {
    -webkit-animation: flip-s-2 2s linear;
    animation: flip-s-2 2s linear
}

@-webkit-keyframes flip-s {
    0% {
        -webkit-transform: perspective(400px) rotateY(180deg);
        transform: perspective(400px) rotateY(180deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg)
    }
}

@keyframes flip-s {
    0% {
        -webkit-transform: perspective(400px) rotateY(180deg);
        transform: perspective(400px) rotateY(180deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg)
    }
}

@-webkit-keyframes flip-s-2 {
    0% {
        -webkit-transform: perspective(400px) rotateX(180deg);
        transform: perspective(400px) rotateX(180deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg)
    }
}

@keyframes flip-s-2 {
    0% {
        -webkit-transform: perspective(400px) rotateX(180deg);
        transform: perspective(400px) rotateX(180deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg)
    }
}

.center-ball {
    top: 2.5rem;
    left: 2.44792rem;
    background: linear-gradient(45deg, #F18973 -1.94%, #C33F50 64.86%, #A91E42 92.95%);
    height: 1.45833rem;
    width: 1.45833rem;
    display: block;
    position: absolute;
    border-radius: 1.45833rem
}

@media (min-width: 40rem) and (max-width: 53.33333rem) {
    #section-three-features .card-title {
        min-height: 5.9375rem !important
    }
}

@media screen and (max-width: 29.94792rem) {
    #section-three-features {
        padding-top: 2.60417rem
    }

    #section-three-features .product_title_text {
        line-height: 1.04167rem
    }
}

#section-liquidity {
    padding-top: 5.88542rem;
    text-align: center
}

#section-liquidity .main-heading {
    padding-bottom: .83333rem
}

#section-liquidity .img-container {
    text-align: center;
    margin: 0 auto
}

#section-liquidity .img-container img {
    max-width: 100%
}

#section-liquidity .f-text-title {
    margin-bottom: 0px
}

@media (max-width: 31.25rem) {
    #section-liquidity .f-text-title {
        font-size: 1.5625rem;
        padding: .78125rem;
        margin: 1.5625rem auto 0
    }
}

#section-liquidity .f-text-text {
    max-width: 41.66667rem;
    line-height: 1.25rem;
    font-weight: bold;
    text-align: center;
    color: rgba(255, 255, 255, 0.64);
    margin: 0 auto
}

#section-liquidity .main-section-image {
    margin-top: 3.125rem
}

@media (max-width: 29.94792rem) {
    #section-liquidity {
        padding-top: 2.60417rem
    }

    #section-liquidity .main-section-image {
        margin: 0 auto;
        position: relative;
        top: 2.08333rem
    }

    #section-liquidity .f-text-text {
        line-height: 1.04167rem
    }
}

#section-community {
    text-align: center
}

#section-community #community-outer {
    padding: 6.66667rem 0 0
}

#section-community .imagine-link {
    margin-left: 1.25rem
}

#section-community .community {
    position: relative;
    margin: 1.30208rem 0px
}

#section-community .community-img {
    position: relative;
    max-width: 100%;
    width: 100%;
    z-index: 10
}

#section-community .dot {
    position: absolute;
    left: 8.1%;
    top: 7.8%;
    width: 9.5%;
    height: 42.3%
}

#section-community .dot-1 {
    width: 9.3%
}

#section-community .dot-2 {
    left: 22.2%;
    top: 28.5%;
    width: 9.2%
}

#section-community .dot-3 {
    left: 36.2%;
    top: 49.5%;
    width: 9.2%
}

#section-community .dot-4 {
    left: 45.5%;
    top: 49.4%;
    width: 9.2%
}

#section-community .dot-5 {
    left: 45.5%;
    top: 7.5%;
    width: 9.2%
}

#section-community .dot-6 {
    left: 59.6%;
    top: 28.5%;
    width: 9%
}

#section-community .dot-7 {
    left: 73.4%;
    top: 49.4%;
    width: 9.3%
}

#section-community .dot-8 {
    left: 82.7%;
    top: 7.8%;
    width: 9.3%
}

#section-community .dot svg {
    width: 50%;
    height: 50%
}

#section-community .draw-line {
    position: absolute
}

#section-community .upper-left-line {
    top: 0;
    left: 0
}

#section-community .lower-left-line {
    left: 0;
    bottom: 0
}

#section-community .upper-right-line {
    position: absolute;
    right: 0;
    top: 0
}

#section-community .lower-right-line {
    right: 0;
    bottom: 0
}

#section-community .dot-animation {
    stroke-dasharray: 500;
    stroke-dashoffset: 500;
    -webkit-animation: dot-animation-stop 6s linear !important;
    animation: dot-animation-stop 6s linear !important
}

@-webkit-keyframes dot-animation-stop {
    from {
        stroke-dashoffset: 500
    }

    to {
        stroke-dashoffset: 500
    }
}

@keyframes dot-animation-stop {
    from {
        stroke-dashoffset: 500
    }

    to {
        stroke-dashoffset: 500
    }
}

#section-community .community-jump .dot-animation-1 {
    stroke-dasharray: 500;
    stroke-dashoffset: 0;
    -webkit-animation: dot-animation-1 6s linear !important;
    animation: dot-animation-1 6s linear !important
}

@-webkit-keyframes dot-animation-1 {
    from {
        stroke-dashoffset: 500
    }

    to {
        stroke-dashoffset: 0
    }
}

@keyframes dot-animation-1 {
    from {
        stroke-dashoffset: 500
    }

    to {
        stroke-dashoffset: 0
    }
}

#section-community .community-jump .dot-animation-2 {
    stroke-dasharray: 500;
    stroke-dashoffset: 0;
    -webkit-animation: dot-animation-2 8s linear !important;
    animation: dot-animation-2 8s linear !important
}

@-webkit-keyframes dot-animation-2 {
    0% {
        stroke-dashoffset: 500
    }

    18% {
        stroke-dashoffset: 500
    }

    100% {
        stroke-dashoffset: 0
    }
}

@keyframes dot-animation-2 {
    0% {
        stroke-dashoffset: 500
    }

    18% {
        stroke-dashoffset: 500
    }

    100% {
        stroke-dashoffset: 0
    }
}

#section-community .community-jump .dot-animation-3 {
    stroke-dasharray: 500;
    stroke-dashoffset: 0;
    -webkit-animation: dot-animation-3 10s linear !important;
    animation: dot-animation-3 10s linear !important
}

@-webkit-keyframes dot-animation-3 {
    0% {
        stroke-dashoffset: 500
    }

    24% {
        stroke-dashoffset: 500
    }

    100% {
        stroke-dashoffset: 0
    }
}

@keyframes dot-animation-3 {
    0% {
        stroke-dashoffset: 500
    }

    24% {
        stroke-dashoffset: 500
    }

    100% {
        stroke-dashoffset: 0
    }
}

#section-community .community-jump .dot-animation-4 {
    stroke-dasharray: 500;
    stroke-dashoffset: 0;
    -webkit-animation: dot-animation-4 10s linear !important;
    animation: dot-animation-4 10s linear !important
}

@-webkit-keyframes dot-animation-4 {
    0% {
        stroke-dashoffset: 500
    }

    39% {
        stroke-dashoffset: 500
    }

    100% {
        stroke-dashoffset: 0
    }
}

@keyframes dot-animation-4 {
    0% {
        stroke-dashoffset: 500
    }

    39% {
        stroke-dashoffset: 500
    }

    100% {
        stroke-dashoffset: 0
    }
}

#section-community .community-jump .dot-animation-5 {
    stroke-dasharray: 500;
    stroke-dashoffset: 0;
    -webkit-animation: dot-animation-5 10s linear !important;
    animation: dot-animation-5 10s linear !important
}

@-webkit-keyframes dot-animation-5 {
    0% {
        stroke-dashoffset: 500
    }

    52% {
        stroke-dashoffset: 500
    }

    100% {
        stroke-dashoffset: 0
    }
}

@keyframes dot-animation-5 {
    0% {
        stroke-dashoffset: 500
    }

    52% {
        stroke-dashoffset: 500
    }

    100% {
        stroke-dashoffset: 0
    }
}

#section-community .community-jump .dot-animation-6 {
    stroke-dasharray: 500;
    stroke-dashoffset: 0;
    -webkit-animation: dot-animation-6 12s linear !important;
    animation: dot-animation-6 12s linear !important
}

@-webkit-keyframes dot-animation-6 {
    0% {
        stroke-dashoffset: 500
    }

    54% {
        stroke-dashoffset: 500
    }

    100% {
        stroke-dashoffset: 0
    }
}

@keyframes dot-animation-6 {
    0% {
        stroke-dashoffset: 500
    }

    54% {
        stroke-dashoffset: 500
    }

    100% {
        stroke-dashoffset: 0
    }
}

#section-community .community-jump .dot-animation-7 {
    stroke-dasharray: 500;
    stroke-dashoffset: 0;
    -webkit-animation: dot-animation-7 13s linear !important;
    animation: dot-animation-7 13s linear !important
}

@-webkit-keyframes dot-animation-7 {
    0% {
        stroke-dashoffset: 500
    }

    60% {
        stroke-dashoffset: 500
    }

    100% {
        stroke-dashoffset: 0
    }
}

@keyframes dot-animation-7 {
    0% {
        stroke-dashoffset: 500
    }

    60% {
        stroke-dashoffset: 500
    }

    100% {
        stroke-dashoffset: 0
    }
}

#section-community .community-jump .dot-animation-8 {
    stroke-dasharray: 500;
    stroke-dashoffset: 0;
    -webkit-animation: dot-animation-8 13s linear !important;
    animation: dot-animation-8 13s linear !important
}

@-webkit-keyframes dot-animation-8 {
    0% {
        stroke-dashoffset: 500
    }

    70% {
        stroke-dashoffset: 500
    }

    100% {
        stroke-dashoffset: 0
    }
}

@keyframes dot-animation-8 {
    0% {
        stroke-dashoffset: 500
    }

    70% {
        stroke-dashoffset: 500
    }

    100% {
        stroke-dashoffset: 0
    }
}

#section-community .community-jump .dot-animation-9 {
    stroke-dasharray: 500;
    stroke-dashoffset: 0;
    -webkit-animation: dot-animation-9 14s linear !important;
    animation: dot-animation-9 14s linear !important
}

@-webkit-keyframes dot-animation-9 {
    0% {
        stroke-dashoffset: 500
    }

    73% {
        stroke-dashoffset: 500
    }

    100% {
        stroke-dashoffset: 0
    }
}

@keyframes dot-animation-9 {
    0% {
        stroke-dashoffset: 500
    }

    73% {
        stroke-dashoffset: 500
    }

    100% {
        stroke-dashoffset: 0
    }
}

#section-community .community-jump .dot-animation-10 {
    stroke-dasharray: 500;
    stroke-dashoffset: 0;
    -webkit-animation: dot-animation-10 16s linear !important;
    animation: dot-animation-10 16s linear !important
}

@-webkit-keyframes dot-animation-10 {
    0% {
        stroke-dashoffset: 500
    }

    71% {
        stroke-dashoffset: 500
    }

    100% {
        stroke-dashoffset: 0
    }
}

@keyframes dot-animation-10 {
    0% {
        stroke-dashoffset: 500
    }

    71% {
        stroke-dashoffset: 500
    }

    100% {
        stroke-dashoffset: 0
    }
}

#section-community .community-jump .dot-animation-11 {
    stroke-dasharray: 500;
    stroke-dashoffset: 0;
    -webkit-animation: dot-animation-11 17s linear !important;
    animation: dot-animation-11 17s linear !important
}

@-webkit-keyframes dot-animation-11 {
    0% {
        stroke-dashoffset: 500
    }

    73% {
        stroke-dashoffset: 500
    }

    100% {
        stroke-dashoffset: 0
    }
}

@keyframes dot-animation-11 {
    0% {
        stroke-dashoffset: 500
    }

    73% {
        stroke-dashoffset: 500
    }

    100% {
        stroke-dashoffset: 0
    }
}

#section-community .community-jump .dot-animation-12 {
    stroke-dasharray: 500;
    stroke-dashoffset: 0;
    -webkit-animation: dot-animation-12 19s linear !important;
    animation: dot-animation-12 19s linear !important
}

@-webkit-keyframes dot-animation-12 {
    0% {
        stroke-dashoffset: 500
    }

    71% {
        stroke-dashoffset: 500
    }

    100% {
        stroke-dashoffset: 0
    }
}

@keyframes dot-animation-12 {
    0% {
        stroke-dashoffset: 500
    }

    71% {
        stroke-dashoffset: 500
    }

    100% {
        stroke-dashoffset: 0
    }
}

#section-community .community-jump .dot-animation-13 {
    stroke-dasharray: 500;
    stroke-dashoffset: 0;
    -webkit-animation: dot-animation-13 21s linear !important;
    animation: dot-animation-13 21s linear !important
}

@-webkit-keyframes dot-animation-13 {
    0% {
        stroke-dashoffset: 500
    }

    71% {
        stroke-dashoffset: 500
    }

    100% {
        stroke-dashoffset: 0
    }
}

@keyframes dot-animation-13 {
    0% {
        stroke-dashoffset: 500
    }

    71% {
        stroke-dashoffset: 500
    }

    100% {
        stroke-dashoffset: 0
    }
}

#section-community .community-jump .dot-animation-14 {
    stroke-dasharray: 500;
    stroke-dashoffset: 0;
    -webkit-animation: dot-animation-14 23s linear !important;
    animation: dot-animation-14 23s linear !important
}

@-webkit-keyframes dot-animation-14 {
    0% {
        stroke-dashoffset: 500
    }

    71% {
        stroke-dashoffset: 500
    }

    100% {
        stroke-dashoffset: 0
    }
}

@keyframes dot-animation-14 {
    0% {
        stroke-dashoffset: 500
    }

    71% {
        stroke-dashoffset: 500
    }

    100% {
        stroke-dashoffset: 0
    }
}

#section-community .community-jump .dot-animation-15 {
    stroke-dasharray: 500;
    stroke-dashoffset: 0;
    -webkit-animation: dot-animation-15 25s linear !important;
    animation: dot-animation-15 25s linear !important
}

@-webkit-keyframes dot-animation-15 {
    0% {
        stroke-dashoffset: 500
    }

    71% {
        stroke-dashoffset: 500
    }

    100% {
        stroke-dashoffset: 0
    }
}

@keyframes dot-animation-15 {
    0% {
        stroke-dashoffset: 500
    }

    71% {
        stroke-dashoffset: 500
    }

    100% {
        stroke-dashoffset: 0
    }
}

#section-community .main-section-bottom {
    margin: 1.82292rem auto 0;
    max-width: 50.52083rem;
    font-family: "Syne", sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 1.30208rem;
    letter-spacing: 0.4000000059604645px;
    text-align: center;
    color: #fff
}

#section-community .main-section-bottom .main-section-bottom-bg {
    border-top-right-radius: 1.30208rem;
    border-top-left-radius: 1.30208rem;
    padding: 2.08333rem 64px;
    background: #F47F57;
    line-height: 1.66667rem;
    background: linear-gradient(128.31deg, #FF8B71 5.12%, #C33F50 51.15%, #A81E41 83.33%)
}

#section-community .main-heading {
    margin-bottom: 8px
}

#section-community .f-text-text {
    max-width: 51.35417rem;
    line-height: 1.25rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.64);
    margin: 0 auto;
    padding: 0 15px 44px 15px;
    font-weight: bold
}

@media screen and (max-width: 29.94792rem) {
    #section-community #community-outer {
        padding-top: 2.60417rem
    }

    #section-community .f-text-text {
        line-height: 1.04167rem
    }

    #section-community .main-section-bottom .main-section-bottom-bg {
        padding: .78125rem;
        line-height: 1.04167rem
    }
}

#section-token-logos {
    margin-top: 11.97917rem
}

#section-token-logos .para-text #padding-top-30 {
    padding-top: 1.40625rem
}

#section-token-logos .card-title {
    margin-bottom: 2.5rem;
    line-height: 2.08333rem
}

#section-token-logos .row {
    margin-bottom: 2.60417rem
}

#section-token-logos .pitch {
    font-family: "Syne", sans-serif;
    color: #fff;
    font-size: 1.5625rem;
    font-weight: 800;
    line-height: 1.2
}

#section-token-logos .side-text {
    color: rgba(255, 255, 255, 0.64);
    font-weight: 300;
    margin-top: 2.5rem;
    line-height: 1.25rem
}

#section-token-logos .Learn-more-link {
    color: #FF7F57;
    font-weight: 600;
    line-height: 1.25rem;
    padding-top: .83333rem;
    display: inline-block
}

#section-token-logos .Learn-more-link:hover {
    color: #fff
}

#section-token-logos .yes-txt-decoration {
    position: relative;
    text-decoration: none;
    margin-left: 1.04167rem
}

#section-token-logos .yes-txt-decoration:after {
    content: '';
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(81.26deg, #F47F57 14.65%, #FD5656 83.88%)
}

#section-token-logos .yes-txt-decoration:hover:after {
    background: none
}

#section-token-logos .coin-arth .side-para {
    padding-top: 2.5%
}

#section-token-logos .side-para {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 2.60417rem 0
}

#section-token-logos .side-para .para-text {
    max-width: 31.25rem
}

#section-token-logos .coin-maha .icon-section {
    text-align: right
}

#section-token-logos .coin-maha .side-para {
    padding-top: 13%
}

#section-token-logos .toppara-leftfig {
    position: relative;
    margin-top: 6.25rem;
    width: 29.27083rem;
    height: 29.27083rem
}

#section-token-logos .bottompara-rightfig {
    margin-top: 6.25rem;
    width: 29.27083rem;
    height: 29.27083rem
}

#section-token-logos .token {
    text-align: center
}

#section-token-logos .icon-section {
    position: relative;
    display: inline-block;
    width: 23.4375rem;
    height: 23.4375rem
}

#section-token-logos .icon-section .rightpara-leftfig-img {
    width: 23.4375rem;
    height: 23.4375rem
}

#section-token-logos .icon-section .rightpara-leftfig-img-inner {
    position: absolute;
    width: 9.89583rem;
    height: 9.89583rem;
    top: 6.77083rem
}

#section-token-logos .icon-section .rightpara-leftfig-img-inner.arth {
    left: 6.77083rem
}

#section-token-logos .icon-section .rightpara-leftfig-img-inner.maha {
    right: 6.77083rem
}

#section-token-logos .icon-section .circle7 {
    position: absolute;
    width: 15.625rem;
    height: 15.625rem;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    opacity: 0;
    border: 1px solid #A9A9A9;
    -webkit-animation: pulsejg1 5s linear infinite;
    animation: pulsejg1 5s linear infinite;
    border-radius: 52.03125rem;
    -webkit-box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 0, 0.4);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#section-token-logos .icon-section .circle6 {
    position: absolute;
    width: 14.58333rem;
    height: 14.58333rem;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    opacity: 0;
    border: 1px solid #A9A9A9;
    -webkit-animation: pulsejg1 5s linear infinite;
    animation: pulsejg1 5s linear infinite;
    border-radius: 52.03125rem;
    -webkit-box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 0, 0.6);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#section-token-logos .icon-section .circle5 {
    position: absolute;
    width: 13.54167rem;
    height: 13.54167rem;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    opacity: 0;
    border: 1px solid #A9A9A9;
    -webkit-animation: pulsejg1 5s linear infinite;
    animation: pulsejg1 5s linear infinite;
    border-radius: 52.03125rem;
    -webkit-box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 0, 0.8);
    box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 0, 0.8);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#section-token-logos .icon-section .circle4 {
    position: absolute;
    width: 12.5rem;
    height: 12.5rem;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    opacity: 0;
    border: 1px solid #C0C0C0;
    -webkit-animation: pulsejg1 5s linear infinite;
    animation: pulsejg1 5s linear infinite;
    border-radius: 52.03125rem;
    -webkit-box-shadow: inset 0px 0px 15px 10px #000;
    box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 0, 0.6);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#section-token-logos .icon-section .circle3 {
    position: absolute;
    width: 11.45833rem;
    height: 11.45833rem;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    opacity: 0;
    border: 1px solid #C0C0C0;
    -webkit-animation: pulsejg1 5s linear infinite;
    animation: pulsejg1 5s linear infinite;
    border-radius: 52.03125rem;
    -webkit-box-shadow: inset 0px 0px 15px 10px #000;
    box-shadow: inset 0px 0px 15px 10px #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#section-token-logos .icon-section .circle2 {
    position: absolute;
    width: 10.41667rem;
    height: 10.41667rem;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    opacity: 0;
    border: 1px solid #A9A9A9;
    -webkit-animation: pulsejg2 5s linear infinite;
    animation: pulsejg2 5s linear infinite;
    border-radius: 52.03125rem;
    -webkit-box-shadow: inset 0px 0px 12px 5px #000;
    box-shadow: inset 0px 0px 12px 5px rgba(0, 0, 0, 0.6);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#section-token-logos .icon-section .circle1 {
    position: absolute;
    width: 9.375rem;
    height: 9.375rem;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 3;
    opacity: 0;
    border: 1px solid #A9A9A9;
    -webkit-animation: pulsejg3 5s linear infinite;
    animation: pulsejg3 5s linear infinite;
    border-radius: 52.03125rem;
    -webkit-box-shadow: inset 0px 0px 12px 5px #000;
    box-shadow: inset 0px 0px 12px 5px #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#section-token-logos .icon-section .pulse7 {
    position: absolute;
    width: 15.625rem;
    height: 15.625rem;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    opacity: 0;
    border: 1px solid #FB0078;
    -webkit-animation: pulsejg1 5s linear infinite;
    animation: pulsejg1 5s linear infinite;
    border-radius: 52.03125rem;
    -webkit-box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 0, 0.4);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#section-token-logos .icon-section .pulse6 {
    position: absolute;
    width: 14.58333rem;
    height: 14.58333rem;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    opacity: 0;
    border: 1px solid #FB0078;
    -webkit-animation: pulsejg1 5s linear infinite;
    animation: pulsejg1 5s linear infinite;
    border-radius: 52.03125rem;
    -webkit-box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 0, 0.6);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#section-token-logos .icon-section .pulse5 {
    position: absolute;
    width: 13.54167rem;
    height: 13.54167rem;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    opacity: 0;
    border: 1px solid #FB0078;
    -webkit-animation: pulsejg1 5s linear infinite;
    animation: pulsejg1 5s linear infinite;
    border-radius: 52.03125rem;
    -webkit-box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 0, 0.8);
    box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 0, 0.8);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#section-token-logos .icon-section .pulse4 {
    position: absolute;
    width: 12.5rem;
    height: 12.5rem;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    opacity: 0;
    border: 1px solid #FB0078;
    -webkit-animation: pulsejg1 5s linear infinite;
    animation: pulsejg1 5s linear infinite;
    border-radius: 52.03125rem;
    -webkit-box-shadow: inset 0px 0px 15px 10px #000;
    box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 0, 0.6);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#section-token-logos .icon-section .pulse3 {
    position: absolute;
    width: 11.45833rem;
    height: 11.45833rem;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    opacity: 0;
    border: 1px solid #FD3947;
    -webkit-animation: pulsejg1 5s linear infinite;
    animation: pulsejg1 5s linear infinite;
    border-radius: 52.03125rem;
    -webkit-box-shadow: inset 0px 0px 15px 10px #000;
    box-shadow: inset 0px 0px 15px 10px #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#section-token-logos .icon-section .pulse2 {
    position: absolute;
    width: 10.41667rem;
    height: 10.41667rem;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    opacity: 0;
    border: 1px solid #FD3947;
    -webkit-animation: pulsejg2 5s linear infinite;
    animation: pulsejg2 5s linear infinite;
    border-radius: 52.03125rem;
    -webkit-box-shadow: inset 0px 0px 12px 5px #000;
    box-shadow: inset 0px 0px 12px 5px #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#section-token-logos .icon-section .pulse1 {
    position: absolute;
    width: 9.375rem;
    height: 9.375rem;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 3;
    opacity: 0;
    border: 1px solid #FD3947;
    -webkit-animation: pulsejg3 5s linear infinite;
    animation: pulsejg3 5s linear infinite;
    border-radius: 52.03125rem;
    -webkit-box-shadow: inset 0px 0px 12px 5px #000;
    box-shadow: inset 0px 0px 12px 5px #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@-webkit-keyframes pulsejg1 {
    0% {
        -webkit-transform: scale(0.6);
        opacity: 0
    }

    50% {
        -webkit-transform: scale(0.6);
        opacity: 0
    }

    60% {
        -webkit-transform: scale(0.9);
        opacity: .2
    }

    70% {
        -webkit-transform: scale(1.1);
        opacity: .35
    }

    80% {
        -webkit-transform: scale(1.25);
        opacity: .2
    }

    100% {
        -webkit-transform: scale(1.4);
        opacity: 0
    }
}

@keyframes pulsejg1 {
    0% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        opacity: 0
    }

    50% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        opacity: 0
    }

    60% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        opacity: .1
    }

    70% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: .25
    }

    80% {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        opacity: .1
    }

    100% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        opacity: 0
    }
}

@-webkit-keyframes pulsejg2 {
    0% {
        -webkit-transform: scale(0.6);
        opacity: 0
    }

    40% {
        -webkit-transform: scale(0.8);
        opacity: .05
    }

    50% {
        -webkit-transform: scale(1);
        opacity: .1
    }

    60% {
        -webkit-transform: scale(1.1);
        opacity: .3
    }

    80% {
        -webkit-transform: scale(1.2);
        opacity: .1
    }

    100% {
        -webkit-transform: scale(1.3);
        opacity: 0
    }
}

@keyframes pulsejg2 {
    0% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        opacity: 0
    }

    40% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        opacity: .05
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .1
    }

    60% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: .3
    }

    80% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: .1
    }

    100% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0
    }
}

@-webkit-keyframes pulsejg3 {
    0% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        opacity: 0
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .05
    }

    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        opacity: .1
    }

    60% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: .3
    }

    80% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: .1
    }

    100% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0
    }
}

@keyframes pulsejg3 {
    0% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        opacity: 0
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .05
    }

    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        opacity: .1
    }

    60% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: .3
    }

    80% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: .1
    }

    100% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0
    }
}

@media screen and (max-width: 26.04167rem) {
    #section-token-logos .icon-section {
        width: 15.625rem;
        height: 15.625rem
    }

    #section-token-logos .icon-section .rightpara-leftfig-img {
        width: 15.625rem;
        height: 15.625rem
    }

    #section-token-logos .icon-section .rightpara-leftfig-img-inner {
        width: 9.375rem;
        height: 9.375rem;
        top: 3.125rem
    }

    #section-token-logos .icon-section .rightpara-leftfig-img-inner.arth {
        left: 3.125rem
    }

    #section-token-logos .icon-section .rightpara-leftfig-img-inner.maha {
        right: 3.125rem
    }
}

#section-token-logos .icon-section .token-title {
    font-family: "Syne", sans-serif;
    color: #fff;
    font-size: 1.45833rem;
    font-weight: 700;
    text-align: center;
    margin-top: -98px;
    letter-spacing: 9.5px;
    line-height: 1.875rem
}

#section-token-logos .right-side-title {
    color: #fff;
    font-size: 1.875rem;
    font-weight: 800;
    line-height: 1.2
}

#section-token-logos .leftpara-rightfig {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 38.54167rem) {
    #section-token-logos {
        margin-top: 2.60417rem
    }

    #section-token-logos .icon-section .token-title {
        margin-top: -60px;
        font-size: 1.04167rem
    }
}

@media (max-width: 29.94792rem) {
    #section-token-logos .card-title {
        line-height: 1.45833rem
    }

    #section-token-logos .Learn-more-link {
        margin-bottom: 2.60417rem
    }
}

@media (min-width: 40rem) and (max-width: 66.14583rem) {
    #section-token-logos .card-title {
        min-height: 5.9375rem !important
    }
}

#team-section.section-f {
    padding: 4.58333rem 0px 0px 0px
}

#team-section.section-f .main-heading {
    text-align: center;
    padding-bottom: 2.65625rem
}

#team-section.section-f .main-heading-advisors {
    padding-top: 5.83333rem;
    padding-bottom: 1.45833rem
}

#team-section.section-f a {
    color: inherit
}

#team-section.section-f i {
    color: #999;
    padding: 0 10px
}

#team-section.section-f i:hover {
    color: #fff
}

#team-section.section-f .team-section {
    color: #F47F57;
    margin-top: 3.125rem
}

#team-section.section-f .f-text-text {
    font-family: "Inter", sans-serif;
    font-size: .83333rem;
    line-height: 1.35417rem;
    text-align: center;
    color: #A2A2A2;
    padding: .52083rem;
    margin: 0 auto
}

#team-section.section-f .f-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#team-section.section-f .f-card-img-top {
    width: 7.8125rem;
    height: 7.8125rem;
    border-radius: 50%;
    border: 5px solid;
    margin: 1.14583rem auto
}

#team-section.section-f img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

#team-section.section-f .f-card-title {
    font-style: normal;
    font-weight: 700;
    line-height: 1.66667rem;
    margin-bottom: 4px;
    text-align: center;
    color: rgba(255, 255, 255, 0.88)
}

#team-section.section-f .f-card-text {
    line-height: 1.25rem;
    letter-spacing: 0px;
    text-align: center;
    color: rgba(255, 255, 255, 0.64)
}

#team-section.section-f .card1 {
    text-align: center;
    width: 25%
}

#team-section.section-f .flip-card {
    position: relative;
    width: 100%;
    height: 15.625rem
}

#team-section.section-f .flip-card-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 1.3s ease;
    transition: all 1.3s ease
}

#team-section.section-f .flip-card-inner:hover {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

#team-section.section-f .flip-front {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 1.04167rem;
    padding: .78125rem;
    text-align: center
}

@media (max-width: 31.25rem) {
    #team-section.section-f .flip-front {
        padding: 0
    }
}

#team-section.section-f .flip-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 1.04167rem;
    padding: .78125rem;
    text-align: center
}

@media (max-width: 31.25rem) {
    #team-section.section-f .flip-back {
        padding: 0
    }
}

#team-section.section-f .flip-back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    background: #212121
}

#team-section.section-f .flip-card-inner:hover img {
    visibility: hidden
}

#team-section.section-f .flip-card-inner .f-card-body {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0
}

#team-section.section-f .f-card-body-1 {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 1.04167rem
}

@media (max-width: 31.25rem) {
    #team-section.section-f .f-card-body-1 {
        padding: 1.04167rem 0
    }
}

#team-section.section-f .social-link {
    list-style: none;
    padding: 2.5rem 0 0 0;
    min-height: 7.96875rem;
    margin: 0;
    margin-bottom: .78125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#team-section.section-f .social-link li {
    width: 50%
}

#team-section.section-f .f-card-back-link {
    display: inline-block;
    height: 1.45833rem;
    margin: .625rem 10px;
    color: #fff;
    font-size: .9375rem;
    -webkit-transition: .5s all;
    transition: .5s all;
    text-align: center
}

@media (max-width: 26.04167rem) {
    #team-section.section-f .f-card-back-link {
        width: 1.82292rem
    }
}

@media (max-width: 57.29167rem) {
    #team-section.section-f .f-card-back-link {
        width: 2.34375rem
    }
}

@media (max-width: 31.25rem) {
    #team-section.section-f .main-heading {
        padding-bottom: 3px
    }

    #team-section.section-f .main-heading-advisors {
        padding-top: 2.60417rem
    }

    #team-section.section-f .f-card-title {
        min-height: 2.60417rem;
        line-height: 1.14583rem
    }

    #team-section.section-f .flip-card-inner .f-card-body {
        bottom: auto
    }

    #team-section.section-f .flip-card-inner .social-link {
        min-height: 9.11458rem
    }
}

.product-section {
    background: -webkit-gradient(linear, left top, left bottom, from(#212121), color-stop(60.94%, rgba(33, 33, 33, 0)));
    background: linear-gradient(180deg, #212121 0%, rgba(33, 33, 33, 0) 60.94%);
    border-radius: 2.86458rem;
    padding-top: 3.125rem;
    padding-bottom: 4.27083rem;
    text-align: center
}

.product-section .main-heading {
    padding-bottom: 8px
}

.product-section .product_card_text {
    min-height: 5.41667rem
}

@media (max-width: 38.54167rem) {
    .product-section {
        padding: 1.5625rem 0px
    }
}

.product-section .card-title {
    margin: 2.5rem 0px 8px 0px;
    line-height: 2.08333rem;
    min-height: 2.91667rem;
    color: #fff
}

.product-section .product_title {
    text-align: center
}

.product-section .product_title_text {
    font-style: normal;
    font-weight: 700;
    text-align: center;
    color: rgba(255, 255, 255, 0.64);
    line-height: 1.25rem;
    margin-bottom: 2.5rem
}

@media (max-width: 29.94792rem) {
    .product-section .product_title_text {
        line-height: 1.04167rem
    }
}

.product-section .card-bg {
    background: -webkit-gradient(linear, left top, left bottom, from(#2D2D2D), to(#171717));
    background: linear-gradient(180deg, #2D2D2D 0%, #171717 100%)
}

.product-section .product_card {
    border-radius: .83333rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2.08333rem
}

.product-section .product_card_img {
    width: 5rem;
    height: 5rem
}

.product-section .product_card_title {
    font-family: "Syne", sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 1.51042rem;
    letter-spacing: 0px;
    text-align: center;
    color: #ffffff;
    margin: 2.08333rem 0 20px
}

.product-section .product_card_text {
    font-style: normal;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 300;
    line-height: 1.25rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.64)
}

.product-section .theme-btn-outline {
    padding: .57292rem 15px
}

.product-section .product_section_learnmore_link {
    font-style: normal;
    font-weight: 600;
    line-height: 1.04167rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.88);
    text-decoration: none;
    margin-top: 1.25rem
}

.product-section .product_section_learnmore_link.soon {
    color: rgba(255, 255, 255, 0.32) !important;
    border: none;
    background: none
}

.product-section a {
    text-decoration: none
}

@media (max-width: 29.94792rem) {
    .product-section .product_card_text {
        line-height: 1.04167rem
    }
}

body {
    background: #171717
}

.dis-flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.dis-flex-center.arth-heading-regular {
    font-size: 1.71875rem
}

@media screen and (max-width: 26.04167rem) {
    .dis-flex-center.arth-heading-regular {
        font-size: 1.30208rem;
        line-height: 1.5625rem
    }
}

.arth-para {
    color: #A2A2A2;
    font-weight: normal;
    line-height: 1.35417rem;
    padding: .78125rem 12%
}

.arth-para.arth-para-regular {
    font-size: .9375rem
}

@media screen and (max-width: 26.04167rem) {
    .arth-para.arth-para-regular {
        font-size: .78125rem;
        padding: .78125rem 0
    }
}

.arth-para.arth-para-medium {
    font-size: 1.09375rem
}

@media screen and (max-width: 26.04167rem) {
    .arth-para.arth-para-medium {
        font-size: .78125rem;
        padding: .78125rem 0
    }
}

#arth-maha-dao-image {
    background: url(../image/arth-maha-dao.a0738aa7b56e8aca982c0590ce272197.svg) 50% no-repeat;
    background-size: cover;
    height: 53.95833rem;
    width: 53.95833rem;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: -165px;
    position: relative
}

@media screen and (max-width: 26.04167rem) {
    #arth-maha-dao-image {
        height: 15.625rem;
        width: 15.625rem;
        margin-top: -70px;
        top: 0
    }
}

#arth-maha-dao {
    padding: 3.125rem 0px;
    font-family: "Syne", sans-serif
}

#arth-maha-dao-para {
    padding: .78125rem 15%
}

#arth-maha-dao-para {
    padding: .78125rem 0
}

.arth-gradient-orange-border {
    position: absolute;
    width: 96%;
    height: 8.85417rem;
    left: 2%;
    top: -1%;
    z-index: -1;
    background: -webkit-gradient(linear, left top, left bottom, from(#F48057), to(transparent));
    background: linear-gradient(180deg, #F48057 0%, transparent 100%);
    border-radius: 1.5625rem;
    border: 1px solid;
    border-image-source: linear-gradient(180deg, #F48057 0%, transparent 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: left;
    -ms-flex-align: left;
    align-items: left
}

@media screen and (max-width: 38.54167rem) {
    .arth-gradient-orange-border {
        width: 95%;
        height: 10.41667rem;
        left: 2.5%
    }
}

#arth-lead-rev {
    margin-top: 5.72917rem
}

#arth-lead-rev .arth_lead_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 3.125rem;
    margin-bottom: 3.125rem
}

#arth-lead-rev .arth_lead_flex_card {
    height: 100%;
    min-height: 10.57292rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#2D2D2D), to(#171717));
    background: linear-gradient(180deg, #2D2D2D 0%, #171717 100%);
    border-radius: 1.45833rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.5625rem
}

#arth-lead-rev .arth_lead_flex_card_text {
    font-size: 1.25rem;
    font-style: normal;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 400;
    line-height: 28.8px;
    letter-spacing: 0em;
    text-align: center;
    color: #A1A1A1
}

#arth-section-title {
    margin-top: 7.39583rem;
    text-align: center
}

#arth-section-title .main-title {
    font-size: 2.39583rem;
    line-height: 2.86458rem;
    letter-spacing: 1px
}

#arth-section-title-sub {
    padding: 0px;
    margin: 1.5625rem 0
}

.supported-token-container {
    margin: 1.04167rem 0
}

@media screen and (max-width: 26.04167rem) {
    .supported-token-container {
        margin: 1.04167rem 18px;
        padding: .52083rem;
        width: auto
    }
}

.supported-token {
    height: 4.11458rem;
    width: 4.11458rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

#support-token-dai {
    background: url(../image/DAI.ac98d694acd92c972ee595db269d1d24.svg) no-repeat;
    background-size: cover
}

#support-token-usdt {
    background: url(../image/USDT.6ee2e5c35ad6d69076c69c1ea4039d6e.svg) 100% no-repeat;
    background-size: cover
}

#support-token-matic {
    background: url(../image/Matic.f153805af349ce39cf99d33cc3274e79.svg) 100% no-repeat;
    background-size: cover
}

#support-token-easyfi {
    background: url(../image/easyfi.eb9a3b3b91a4c17595b37f6cd3026d98.svg) 100% no-repeat;
    background-size: cover
}

.partner-logo-container-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.partner-logo-container {
    margin: 1.04167rem 0
}

@media screen and (max-width: 26.04167rem) {
    .partner-logo-container {
        width: auto
    }
}

.partner-logo {
    height: 6.51042rem;
    width: 6.51042rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.arth-hr {
    height: 2px;
    background: -webkit-linear-gradient(360deg, #000 0%, #515151 91.87%);
    display: block
}

.arth-hr-reverse {
    height: 2px;
    background: -webkit-linear-gradient(180deg, #000 0%, #515151 91.87%);
    display: block
}

#arth-road-map {
    display: inherit;
    padding-top: 5.88542rem
}

#arth-road-map .main-heading {
    padding-bottom: 1.61458rem
}

#arth-red-text {
    font-size: 1.14583rem;
    padding: 0px;
    font-weight: 700;
    line-height: 1.61458rem;
    letter-spacing: 0.45px;
    background: -webkit-linear-gradient(81.26deg, #F47F57 14.65%, #FD5656 83.88%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media screen and (max-width: 26.04167rem) {
    #arth-red-text {
        font-size: .78125rem;
        padding: .78125rem 0
    }
}

#arth-tech {
    padding-top: 1.04167rem
}

#arth-tech .main-heading {
    font-size: 1.71875rem
}

#arth-tech #arth-cross-border {
    background: none
}

#arth-tech .card-bg {
    background: -webkit-gradient(linear, left top, left bottom, from(#2B2B2B), color-stop(60.94%, #1F1F1F));
    background: linear-gradient(180deg, #2B2B2B 0%, #1F1F1F 60.94%);
    border-radius: 2.86458rem
}

#arth-tech #arth-cross-border-para {
    padding-left: 0;
    padding-right: 0
}

#arth-tech .card-title {
    min-height: 3.95833rem;
    text-align: left
}

#arth-tech .img-container {
    margin: 2.08333rem 40px 0px 40px;
    position: relative
}

#technology-sec {
    text-align: center;
    padding-bottom: 1.04167rem
}

.arth-tech-card {
    margin-top: 3.125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#arth-cross-border {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: top;
    margin-top: 2.08333rem
}

@media screen and (max-width: 26.04167rem) {
    #arth-cross-border {
        margin: 1.04167rem 0
    }
}

#arth-cross-border-img,
#arth-cross-chain-img {
    height: 14.0625rem;
    background-repeat: no-repeat;
    width: 100%;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-size: contain;
    background-position: center top
}

#arth-cross-border-img {
    background-image: url(../image/cross-border-transactions.6ca494de9223db9eb3257c975f1b1553.png)
}

#arth-cross-border-img.arth-cross-border-img-none {
    background: none
}

#arth-cross-chain-img {
    background-image: url(../image/cross-chain-liquidity.367cb75cb3cb9c2ad8a577b1ec990c16.png)
}

.cross-chain-ring {
    background: none !important
}

.cross-chain-ring svg {
    margin: auto
}

.ring {
    position: absolute;
    width: 14.63542rem;
    height: 14.0625rem;
    margin: 0 auto
}

.ring-place {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.ring-center {
    width: 7.8125rem;
    height: 7.86458rem;
    position: absolute;
    left: 0;
    top: 0;
    margin: auto;
    right: 0;
    bottom: 0
}

.ring-pos {
    position: absolute;
    left: 0;
    top: 0;
    margin: auto;
    right: 0;
    bottom: 0
}

.ring-1 {
    width: 4.16667rem;
    height: 13.59375rem
}

.ring-2 {
    width: 11.61458rem;
    height: 11.61458rem
}

.ring-3 {
    width: 14.63542rem;
    height: 3.85417rem
}

.ring-4 {
    width: 10.78125rem;
    height: 10.78125rem
}

.path1,
path2,
path3,
path4 {
    display: none
}

.jump-class .ring-start1.path1 {
    stroke-dasharray: 1020;
    stroke-dashoffset: 0;
    -webkit-animation: line-1 7s linear;
    animation: line-1 7s linear;
    display: block
}

@-webkit-keyframes line-1 {
    from {
        stroke-dashoffset: 1024
    }

    to {
        stroke-dashoffset: 0
    }
}

@keyframes line-1 {
    from {
        stroke-dashoffset: 1024
    }

    to {
        stroke-dashoffset: 0
    }
}

.jump-class .ring-start2.path2 {
    stroke-dasharray: 1020;
    stroke-dashoffset: 0;
    -webkit-animation: line-2 7s linear;
    animation: line-2 7s linear;
    display: block
}

@-webkit-keyframes line-2 {
    from {
        stroke-dashoffset: 1024
    }

    to {
        stroke-dashoffset: 0
    }
}

@keyframes line-2 {
    from {
        stroke-dashoffset: 1024
    }

    to {
        stroke-dashoffset: 0
    }
}

.jump-class .ring-start3.path3 {
    stroke-dasharray: 1020;
    stroke-dashoffset: 0;
    -webkit-animation: line-3 7s linear;
    animation: line-3 7s linear;
    display: block
}

@-webkit-keyframes line-3 {
    from {
        stroke-dashoffset: 1024
    }

    to {
        stroke-dashoffset: 0
    }
}

@keyframes line-3 {
    from {
        stroke-dashoffset: 1024
    }

    to {
        stroke-dashoffset: 0
    }
}

.jump-class .ring-start4.path4 {
    stroke-dasharray: 1020;
    stroke-dashoffset: 0;
    -webkit-animation: line-4 7s linear;
    animation: line-4 7s linear;
    display: block
}

@-webkit-keyframes line-4 {
    from {
        stroke-dashoffset: 1024
    }

    to {
        stroke-dashoffset: 0
    }
}

@keyframes line-4 {
    from {
        stroke-dashoffset: 1024
    }

    to {
        stroke-dashoffset: 0
    }
}

.cross-chain-animation {
    display: block
}

.jump-class-chain .cross-chain-1 {
    stroke-dasharray: 1024;
    stroke-dashoffset: 0;
    -webkit-animation: cross-line-1 20s linear !important;
    animation: cross-line-1 20s linear !important
}

@-webkit-keyframes cross-line-1 {
    from {
        stroke-dashoffset: 1024
    }

    to {
        stroke-dashoffset: 0
    }
}

@keyframes cross-line-1 {
    from {
        stroke-dashoffset: 1024
    }

    to {
        stroke-dashoffset: 0
    }
}

.jump-class-chain .cross-chain-2 {
    stroke-dasharray: 1024;
    stroke-dashoffset: 0;
    -webkit-animation: cross-line-2 20s linear !important;
    animation: cross-line-2 20s linear !important
}

@-webkit-keyframes cross-line-2 {
    0% {
        stroke-dashoffset: 1024
    }

    5% {
        stroke-dashoffset: 1024
    }

    100% {
        stroke-dashoffset: 0
    }
}

@keyframes cross-line-2 {
    0% {
        stroke-dashoffset: 1024
    }

    5% {
        stroke-dashoffset: 1024
    }

    100% {
        stroke-dashoffset: 0
    }
}

.jump-class-chain .cross-chain-3 {
    stroke-dasharray: 1024;
    stroke-dashoffset: 0;
    -webkit-animation: cross-line-3 20s linear !important;
    animation: cross-line-3 20s linear !important
}

@-webkit-keyframes cross-line-3 {
    0% {
        stroke-dashoffset: 1024
    }

    5% {
        stroke-dashoffset: 1024
    }

    100% {
        stroke-dashoffset: 0
    }
}

@keyframes cross-line-3 {
    0% {
        stroke-dashoffset: 1024
    }

    5% {
        stroke-dashoffset: 1024
    }

    100% {
        stroke-dashoffset: 0
    }
}

.jump-class-chain .cross-chain-4 {
    stroke-dasharray: 1024;
    stroke-dashoffset: 0;
    -webkit-animation: cross-line-4 20s linear !important;
    animation: cross-line-4 20s linear !important;
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s
}

@-webkit-keyframes cross-line-4 {
    from {
        stroke-dashoffset: 1024
    }

    to {
        stroke-dashoffset: 0
    }
}

@keyframes cross-line-4 {
    from {
        stroke-dashoffset: 1024
    }

    to {
        stroke-dashoffset: 0
    }
}

#arth-cross-border-title {
    font-size: 1.30208rem
}

#arth-cross-border-para {
    padding: .78125rem 10%;
    min-height: 10.41667rem
}

#arth-technology-image {
    height: 32.29167rem;
    width: 60.26042rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-size: 100%;
    margin: 1.04167rem 0;
    background-position: center
}

@media screen and (max-width: 39.94792rem) {
    #arth-technology-image {
        display: none
    }
}

#arth-supported-token {
    margin-top: -200px
}

@media screen and (max-width: 39.94792rem) {
    #arth-supported-token {
        margin-top: 0
    }
}

#arth-technology-image-mb {
    height: 13.80208rem;
    width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-size: 80%;
    margin: 1.04167rem 0;
    background-position: center
}

@media screen and (min-width: 39.94792rem) {
    #arth-technology-image-mb {
        display: none
    }
}

#arth-app-usage {
    text-align: center;
    margin-top: 0
}

#arth-app-usage #arth-red-text {
    padding: 1.04167rem 0
}

#arth-app-usage .app-usage-img-container {
    margin: 2% 0%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: block
}

.center-box {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 26.04167rem) {
    .center-box {
        display: block
    }
}

.app-usage-title {
    font-size: 1.19792rem;
    font-weight: 700;
    color: #A1A1A1;
    text-transform: uppercase;
    font-family: "Syne", sans-serif;
    padding-top: 1.04167rem;
    padding-bottom: .52083rem
}

@media screen and (max-width: 26.04167rem) {
    .app-usage-title {
        font-size: 1.04167rem
    }
}

.app-usage-image {
    width: 100%;
    height: 15.625rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-size: 100%;
    background-position: center;
    background-image: url(../image/Vector.36754ce0bff77bdcab04eec14446712a.png);
    background-repeat: no-repeat;
    background-size: contain
}

@media screen and (max-width: 26.04167rem) {
    .app-usage-image {
        background-size: 100%;
        width: 100%;
        margin-left: 0
    }
}

.app-usage-image-title {
    font-size: 1.14583rem;
    line-height: 1.875rem;
    margin-top: 0;
    color: #FE5D73;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 400;
    text-transform: uppercase
}

@media screen and (max-width: 26.04167rem) {
    .app-usage-image-title {
        font-size: .625rem
    }
}

#arth-road-map {
    display: inherit;
    padding-top: 5.88542rem
}

#arth-road-map .main-heading {
    padding-bottom: 1.61458rem
}

#arth-red-text {
    font-size: 1.14583rem;
    padding: 0px;
    font-weight: 700;
    line-height: 1.61458rem;
    letter-spacing: 0.45px;
    background: -webkit-linear-gradient(81.26deg, #F47F57 14.65%, #FD5656 83.88%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media screen and (max-width: 26.04167rem) {
    #arth-red-text {
        font-size: .78125rem;
        padding: .78125rem 0
    }
}

#arth-tech {
    padding-top: 1.04167rem
}

#arth-tech .main-heading {
    font-size: 1.71875rem
}

#arth-tech #arth-cross-border {
    background: none
}

#arth-tech .card-bg {
    background: -webkit-gradient(linear, left top, left bottom, from(#2B2B2B), color-stop(60.94%, #1F1F1F));
    background: linear-gradient(180deg, #2B2B2B 0%, #1F1F1F 60.94%);
    border-radius: 2.86458rem
}

#arth-tech #arth-cross-border-para {
    padding-left: 0;
    padding-right: 0
}

#arth-tech .card-title {
    min-height: 3.95833rem;
    text-align: left
}

#arth-tech .img-container {
    margin: 2.08333rem 40px 0px 40px;
    position: relative
}

#technology-sec {
    text-align: center;
    padding-bottom: 1.04167rem
}

.arth-tech-card {
    margin-top: 3.125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#arth-cross-border {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: top;
    margin-top: 2.08333rem
}

@media screen and (max-width: 26.04167rem) {
    #arth-cross-border {
        margin: 1.04167rem 0
    }
}

#arth-cross-border-img,
#arth-cross-chain-img {
    height: 14.0625rem;
    background-repeat: no-repeat;
    width: 100%;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-size: contain;
    background-position: center top
}

#arth-cross-border-img {
    background-image: url(../image/cross-border-transactions.6ca494de9223db9eb3257c975f1b1553.png)
}

#arth-cross-border-img.arth-cross-border-img-none {
    background: none
}

#arth-cross-chain-img {
    background-image: url(../image/cross-chain-liquidity.367cb75cb3cb9c2ad8a577b1ec990c16.png)
}

.cross-chain-ring {
    background: none !important
}

.cross-chain-ring svg {
    margin: auto
}

.ring {
    position: absolute;
    width: 14.63542rem;
    height: 14.0625rem;
    margin: 0 auto
}

.ring-place {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.ring-center {
    width: 7.8125rem;
    height: 7.86458rem;
    position: absolute;
    left: 0;
    top: 0;
    margin: auto;
    right: 0;
    bottom: 0
}

.ring-pos {
    position: absolute;
    left: 0;
    top: 0;
    margin: auto;
    right: 0;
    bottom: 0
}

.ring-1 {
    width: 4.16667rem;
    height: 13.59375rem
}

.ring-2 {
    width: 11.61458rem;
    height: 11.61458rem
}

.ring-3 {
    width: 14.63542rem;
    height: 3.85417rem
}

.ring-4 {
    width: 10.78125rem;
    height: 10.78125rem
}

.path1,
path2,
path3,
path4 {
    display: none
}

.jump-class .ring-start1.path1 {
    stroke-dasharray: 1020;
    stroke-dashoffset: 0;
    -webkit-animation: line-1 7s linear;
    animation: line-1 7s linear;
    display: block
}

@keyframes line-1 {
    from {
        stroke-dashoffset: 1024
    }

    to {
        stroke-dashoffset: 0
    }
}

.jump-class .ring-start2.path2 {
    stroke-dasharray: 1020;
    stroke-dashoffset: 0;
    -webkit-animation: line-2 7s linear;
    animation: line-2 7s linear;
    display: block
}

@keyframes line-2 {
    from {
        stroke-dashoffset: 1024
    }

    to {
        stroke-dashoffset: 0
    }
}

.jump-class .ring-start3.path3 {
    stroke-dasharray: 1020;
    stroke-dashoffset: 0;
    -webkit-animation: line-3 7s linear;
    animation: line-3 7s linear;
    display: block
}

@keyframes line-3 {
    from {
        stroke-dashoffset: 1024
    }

    to {
        stroke-dashoffset: 0
    }
}

.jump-class .ring-start4.path4 {
    stroke-dasharray: 1020;
    stroke-dashoffset: 0;
    -webkit-animation: line-4 7s linear;
    animation: line-4 7s linear;
    display: block
}

@keyframes line-4 {
    from {
        stroke-dashoffset: 1024
    }

    to {
        stroke-dashoffset: 0
    }
}

.cross-chain-animation {
    display: block
}

.jump-class-chain .cross-chain-1 {
    stroke-dasharray: 1024;
    stroke-dashoffset: 0;
    -webkit-animation: cross-line-1 20s linear !important;
    animation: cross-line-1 20s linear !important
}

@keyframes cross-line-1 {
    from {
        stroke-dashoffset: 1024
    }

    to {
        stroke-dashoffset: 0
    }
}

.jump-class-chain .cross-chain-2 {
    stroke-dasharray: 1024;
    stroke-dashoffset: 0;
    -webkit-animation: cross-line-2 20s linear !important;
    animation: cross-line-2 20s linear !important
}

@keyframes cross-line-2 {
    0% {
        stroke-dashoffset: 1024
    }

    5% {
        stroke-dashoffset: 1024
    }

    100% {
        stroke-dashoffset: 0
    }
}

.jump-class-chain .cross-chain-3 {
    stroke-dasharray: 1024;
    stroke-dashoffset: 0;
    -webkit-animation: cross-line-3 20s linear !important;
    animation: cross-line-3 20s linear !important
}

@keyframes cross-line-3 {
    0% {
        stroke-dashoffset: 1024
    }

    5% {
        stroke-dashoffset: 1024
    }

    100% {
        stroke-dashoffset: 0
    }
}

.jump-class-chain .cross-chain-4 {
    stroke-dasharray: 1024;
    stroke-dashoffset: 0;
    -webkit-animation: cross-line-4 20s linear !important;
    animation: cross-line-4 20s linear !important;
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s
}

@keyframes cross-line-4 {
    from {
        stroke-dashoffset: 1024
    }

    to {
        stroke-dashoffset: 0
    }
}

#arth-cross-border-title {
    font-size: 1.30208rem
}

#arth-cross-border-para {
    padding: .78125rem 10%;
    min-height: 10.41667rem
}

#arth-technology-image {
    height: 32.29167rem;
    width: 60.26042rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-size: 100%;
    margin: 1.04167rem 0;
    background-position: center
}

@media screen and (max-width: 39.94792rem) {
    #arth-technology-image {
        display: none
    }
}

#arth-supported-token {
    margin-top: -200px
}

@media screen and (max-width: 39.94792rem) {
    #arth-supported-token {
        margin-top: 0
    }
}

#arth-technology-image-mb {
    height: 13.80208rem;
    width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-size: 80%;
    margin: 1.04167rem 0;
    background-position: center
}

@media screen and (min-width: 39.94792rem) {
    #arth-technology-image-mb {
        display: none
    }
}

#arth-app-usage {
    text-align: center;
    margin-top: 0
}

#arth-app-usage #arth-red-text {
    padding: 1.04167rem 0
}

#arth-app-usage .app-usage-img-container {
    margin: 2% 0%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: block
}

.center-box {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 26.04167rem) {
    .center-box {
        display: block
    }
}

.app-usage-title {
    font-size: 1.19792rem;
    font-weight: 700;
    color: #A1A1A1;
    text-transform: uppercase;
    font-family: "Syne", sans-serif;
    padding-top: 1.04167rem;
    padding-bottom: .52083rem
}

@media screen and (max-width: 26.04167rem) {
    .app-usage-title {
        font-size: 1.04167rem
    }
}

.app-usage-image {
    width: 100%;
    height: 15.625rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-size: 100%;
    background-position: center;
    background-image: url(../image/Vector.36754ce0bff77bdcab04eec14446712a.png);
    background-repeat: no-repeat;
    background-size: contain
}

@media screen and (max-width: 26.04167rem) {
    .app-usage-image {
        background-size: 100%;
        width: 100%;
        margin-left: 0
    }
}

.app-usage-image-title {
    font-size: 1.14583rem;
    line-height: 1.875rem;
    margin-top: 0;
    color: #FE5D73;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 400;
    text-transform: uppercase
}

@media screen and (max-width: 26.04167rem) {
    .app-usage-image-title {
        font-size: .625rem
    }
}

#arth-road-map {
    position: relative
}

#arth-road-map .inactive {
    color: rgba(255, 255, 255, 0.64)
}

#arth-road-map .inactive li {
    color: rgba(255, 255, 255, 0.32)
}

#arth-road-map .inactive-c {
    background-color: rgba(255, 255, 255, 0.64)
}

#arth-road-map .roadmap-scroll {
    overflow-x: auto
}

#arth-road-map .roadmap-scroll::-webkit-scrollbar {
    height: 0
}

#arth-road-map .row {
    margin-left: 5px;
    margin-right: 5px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media screen and (max-width: 66.61458rem) {
    #arth-road-map .row {
        width: 62.5rem
    }

    #arth-road-map .roadmap-scroll {
        margin-bottom: 1.30208rem
    }

    #arth-road-map .arth-roadmap-q-container-btm {
        margin-bottom: 0px
    }
}

.arth-roadmap-q-container {
    margin-top: 3.125rem
}

.top-line {
    position: absolute;
    width: 100%;
    height: 2.44px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(247, 101, 59, 0)), color-stop(20%, #F7653B), to(rgba(247, 101, 59, 0)));
    background: linear-gradient(90deg, rgba(247, 101, 59, 0), #F7653B 20%, rgba(247, 101, 59, 0) 100%);
    top: 16.97917rem;
    left: 0
}

.arth-roadmap-q-container-btm {
    margin-bottom: 2.29167rem
}

.arth-roadmap-q {
    text-align: left;
    min-width: 16.875rem
}

.arth-roadmap-q-title {
    font-family: Syne;
    font-style: normal;
    font-weight: bold;
    font-size: 1.66667rem;
    line-height: 2.08333rem;
    color: #F7653B;
    padding-bottom: 6px;
    letter-spacing: 0.4px;
    cursor: pointer;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease
}

.arth-roadmap-q-border {
    width: 100%;
    height: 1.40625rem;
    margin-bottom: .52083rem;
    list-style: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.arth-roadmap-q-border .arth-roadmap-circle {
    width: 1.5625rem;
    background-color: #F7653B;
    border-radius: 50%;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease
}

.arth-roadmap-q-border .arth-roadmap-line {
    width: 100%;
    background-position: right top
}

.arth-roadmap-q-border li {
    background-repeat: no-repeat;
    background-size: auto
}

.arth-roadmap-q-lists {
    list-style: none;
    padding-left: 1.30208rem;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease
}

.arth-roadmap-q-lists .last-link {
    font-weight: normal;
    display: inline-block;
    vertical-align: top;
    max-width: 13.54167rem
}

.arth-roadmap-q-lists li {
    font-family: Syne;
    font-style: normal;
    font-weight: bold;
    font-size: .9375rem;
    line-height: 1.25rem;
    color: rgba(255, 255, 255, 0.88);
    text-align: left;
    margin-bottom: 2.08333rem;
    list-style: square;
    padding-right: 1.5625rem;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease
}

.arth-roadmap-q-lists li span {
    line-height: 1.04167rem;
    display: inline-block
}

.white-line {
    height: 1px;
    background-color: #555;
    display: block;
    width: 100%;
    margin: 1.5625rem auto
}

@media (max-width: 29.94792rem) {
    #arth-road-map {
        padding-top: 2.60417rem
    }

    .arth-roadmap-q-lists li {
        line-height: 1.5625rem
    }
}

.col-xs-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

#cross-border-transactions {
    display: block
}

#section-timer,
#section-timer-second,
#section-timer-height {
    min-height: 11.66667rem;
    margin: 4.16667rem auto;
    text-align: center;
    font-family: "Syne", sans-serif;
    font-weight: bold
}

@media (max-width: 31.25rem) {

    #section-timer,
    #section-timer-second,
    #section-timer-height {
        margin: 2.60417rem auto
    }
}

#section-timer .theme-btn-calendar,
#section-timer-second .theme-btn-calendar,
#section-timer-height .theme-btn-calendar {
    font-family: "Inter", sans-serif !important;
    background: linear-gradient(38.44deg, #F47F57 15.81%, #FD5656 87.57%) !important;
    display: inline-block !important;
    border-radius: 6px !important;
    text-align: center !important;
    padding: .625rem 15px !important;
    font-size: .72917rem !important;
    color: #fff !important;
    border: 1px solid #EB7254 !important;
    width: 10.41667rem
}

#section-timer .addeventatc,
#section-timer-second .addeventatc,
#section-timer-height .addeventatc {
    margin-top: .625rem
}

#section-timer .main-title,
#section-timer-second .main-title,
#section-timer-height .main-title {
    font-size: 1.35417rem;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    padding: 0 15px;
    margin: 1.5625rem auto
}

@media (max-width: 31.25rem) {

    #section-timer .main-title,
    #section-timer-second .main-title,
    #section-timer-height .main-title {
        font-size: 1.25rem
    }
}

#section-timer .title-text,
#section-timer-second .title-text,
#section-timer-height .title-text {
    font-size: 1.66667rem;
    line-height: 1.2;
    color: #fff;
    padding: 0 15px;
    margin: 1.5625rem auto
}

#section-timer .timer_row,
#section-timer-second .timer_row,
#section-timer-height .timer_row {
    margin: 0 auto;
    padding: 1.5625rem 0;
    text-align: center;
    text-transform: uppercase
}

#section-timer .timer_row .timer_box,
#section-timer-second .timer_row .timer_box,
#section-timer-height .timer_row .timer_box {
    background: #3E3C3C;
    display: inline-block;
    padding: .78125rem 25px;
    margin: 8px;
    border-radius: .52083rem;
    width: 6.875rem;
    height: 6.35417rem
}

#section-timer .timer_row .timer_number,
#section-timer-second .timer_row .timer_number,
#section-timer-height .timer_row .timer_number {
    color: #fff;
    font-size: 2.39583rem;
    font-family: arial;
    height: 3.125rem
}

#section-timer .timer_row .timer_text,
#section-timer-second .timer_row .timer_text,
#section-timer-height .timer_row .timer_text {
    color: #969696;
    font-size: .83333rem
}

@media screen and (max-width: 31.25rem) {

    #section-timer .timer_row .timer_text .timer_box,
    #section-timer-second .timer_row .timer_text .timer_box,
    #section-timer-height .timer_row .timer_text .timer_box {
        width: 24%;
        height: auto;
        padding: .78125rem 5px;
        margin: 0px 3px 3px 0px
    }

    #section-timer .timer_row .timer_text .timer_number,
    #section-timer-second .timer_row .timer_text .timer_number,
    #section-timer-height .timer_row .timer_text .timer_number {
        height: 1.82292rem;
        font-size: 1.5625rem
    }

    #section-timer .timer_row .timer_text .timer_text,
    #section-timer-second .timer_row .timer_text .timer_text,
    #section-timer-height .timer_row .timer_text .timer_text {
        font-size: .625rem
    }
}

#section-timer-height {
    min-height: 11.97917rem !important
}

#google_add_calendar {
    background: rgba(97, 134, 242, 0.32) none repeat scroll 0% 0%;
    border-radius: 8px;
    font-family: Inter;
    font-style: normal;
    font-weight: 300;
    font-size: .83333rem;
    line-height: 150%;
    color: rgba(255, 255, 255, 0.88);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: .78125rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    max-width: 10.41667rem;
    cursor: pointer;
    margin: 0 auto 0 auto;
    margin-top: .625rem
}

#section-crose-chain {
    padding-top: 6.77083rem;
    text-align: center
}

#section-crose-chain .card-deck {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #fff
}

#section-crose-chain .card {
    border-radius: 1.35417rem;
    border: none
}

#section-crose-chain .card-title {
    margin-top: 1.04167rem;
    margin-bottom: .83333rem
}

#section-crose-chain .card-body {
    padding-top: 0px;
    text-align: center
}

#section-crose-chain .card-text {
    line-height: 1.25rem;
    color: rgba(255, 255, 255, 0.64)
}

#section-crose-chain .card-text-maha {
    padding-top: 3.33333rem
}

#section-crose-chain .text-orange {
    padding-top: .83333rem;
    color: #FF7F57
}

#section-crose-chain .img-container {
    padding: 2.08333rem 40px 30px 40px;
    height: 19.01042rem
}

#section-crose-chain .img-container img {
    height: 100%;
    max-width: 100%
}

@media (max-width: 38.54167rem) {
    #section-crose-chain .img-container {
        height: 13.02083rem
    }
}

@media screen and (max-width: 29.94792rem) {
    #section-crose-chain {
        padding-top: 5.20833rem
    }

    #section-crose-chain .card-text {
        line-height: 1.04167rem
    }
}

#arth-overview-title {
    text-align: center;
    margin-top: 8.07292rem;
    z-index: 1;
    position: relative
}

#arth-overview-title .main-heading {
    line-height: 2.86458rem;
    font-size: 2.39583rem
}

#arth-sec-overview {
    text-align: center
}

#arth-sec-overview .arth-rings {
    background-image: url(../image/arthborderlines.0a3da78dd04f5ef04c0a68baf669313b.svg);
    background-size: cover;
    height: 100%;
    width: 100%;
    margin: auto
}

#arth-everything {
    background: -webkit-gradient(linear, left top, left bottom, from(#2B2B2B), color-stop(60.94%, #1F1F1F));
    background: linear-gradient(180deg, #2B2B2B 0%, #1F1F1F 60.94%);
    border-radius: 2.86458rem 55px 0 0;
    padding: 4.16667rem 0px 65px 0px;
    margin-bottom: 0;
    margin-top: -33px;
    text-align: center
}

#arth-everything .main-heading {
    font-size: 1.71875rem
}

#arth-coin-container {
    width: 100%;
    height: 2.60417rem
}

#arth-coin-img {
    background-image: url(../image/arth-coin-1.41f860f5abc1aeac64fe697529d6c26e.svg);
    background-size: cover;
    height: 2.91667rem;
    width: 2.65625rem;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.04167rem
}

#arth-overview-image {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -150px;
    z-index: -1;
    position: relative
}

#arth-overview-image .icon-section {
    color: #fff;
    position: relative;
    width: 57.39583rem;
    height: 57.39583rem;
    margin: 0 auto
}

@media screen and (max-width: 26.04167rem) {
    #arth-overview-image .icon-section {
        margin-top: 0px;
        margin-bottom: 2.08333rem;
        width: 20.83333rem;
        height: 20.83333rem
    }

    #arth-overview-image .icon-section .rightpara-leftfig-img {
        width: 20.83333rem;
        height: 20.83333rem
    }

    #arth-overview-image .icon-section .black-ring-ring {
        width: 7.8125rem;
        height: 7.8125rem;
        top: 6.5625rem;
        left: 6.51042rem
    }

    #arth-overview-image .icon-section .globe-horizontal-ring {
        width: 7.8125rem;
        height: 7.8125rem;
        top: 6.5625rem;
        left: 6.51042rem
    }

    #arth-overview-image .icon-section .globe-vertical-ring {
        width: 7.8125rem;
        height: 7.8125rem;
        top: 6.5625rem;
        left: 6.51042rem
    }

    #arth-overview-image .icon-section .coin-gradient-red {
        width: 2.08333rem;
        height: 2.08333rem;
        top: 9.42708rem;
        left: 9.32292rem;
        border-radius: 3.125rem
    }

    #arth-overview-image .icon-section .coin-gradient-red img {
        width: 3.125rem;
        height: 3.125rem;
        top: -10px;
        left: -8px
    }

    #arth-overview-image .icon-section .triangle {
        background-size: 7px
    }

    #arth-overview-image .icon-section .arth-desc-box-1 {
        width: 7.70833rem;
        height: 4.53125rem;
        left: 7.70833rem;
        top: 4.32292rem
    }

    #arth-overview-image .icon-section .arth-desc-box-2 {
        width: 6.35417rem;
        height: 4.6875rem;
        right: 2.60417rem;
        top: 8.28125rem
    }

    #arth-overview-image .icon-section .arth-desc-box-3 {
        width: 8.54167rem;
        height: 4.42708rem;
        left: 7.70833rem;
        bottom: 4.53125rem
    }

    #arth-overview-image .icon-section .arth-desc-box-4 {
        width: 6.25rem;
        height: 4.32292rem;
        left: 3.22917rem;
        top: 8.33333rem
    }

    #arth-overview-image .icon-section .economy-icon,
    #arth-overview-image .icon-section .commodities-icon,
    #arth-overview-image .icon-section .markets-icon,
    #arth-overview-image .icon-section .assets-icon {
        background-size: 50%
    }

    #arth-overview-image .icon-section .pulse1 {
        width: 9.375rem;
        height: 9.375rem
    }

    #arth-overview-image .icon-section .pulse2 {
        width: 10.41667rem;
        height: 10.41667rem
    }

    #arth-overview-image .icon-section .pulse3 {
        width: 11.45833rem;
        height: 11.45833rem
    }

    #arth-overview-image .icon-section .pulse4 {
        width: 12.5rem;
        height: 12.5rem
    }

    #arth-overview-image .icon-section .pulse5 {
        width: 13.54167rem;
        height: 13.54167rem
    }

    #arth-overview-image .icon-section .pulse6 {
        width: 14.58333rem;
        height: 14.58333rem
    }

    #arth-overview-image .icon-section .pulse7 {
        width: 15.625rem;
        height: 15.625rem
    }
}

#arth-overview-image .black-ring-ring {
    position: absolute;
    top: 16.66667rem;
    left: 16.66667rem
}

#arth-overview-image .globe-horizontal-ring {
    position: absolute;
    top: 24.375rem;
    left: 16.97917rem
}

#arth-overview-image .globe-vertical-ring {
    position: absolute;
    top: 16.77083rem;
    left: 24.53125rem
}

#arth-overview-image .rightpara-leftfig-img {
    width: 57.29167rem;
    height: 57.29167rem
}

#arth-overview-image .coin-gradient-red {
    position: absolute;
    border-radius: 5.20833rem;
    -webkit-animation: glow 1.5s ease-in-out infinite alternate;
    animation: glow 1.5s ease-in-out infinite alternate;
    width: 5.20833rem;
    height: 5.20833rem;
    left: 26.04167rem;
    top: 26.04167rem
}

@-webkit-keyframes glow {
    from {
        -webkit-box-shadow: 0 0 10px #422020, 0 0 20px #422020, 0 0 30px #422020, 0 0 40px #593131, 0 0 50px #593131, 0 0 60px #593131, 0 0 70px #593131;
        box-shadow: 0 0 10px #422020, 0 0 20px #422020, 0 0 30px #422020, 0 0 40px #593131, 0 0 50px #593131, 0 0 60px #593131, 0 0 70px #593131
    }

    to {
        -webkit-box-shadow: 0 0 20px #422020, 0 0 30px #422020, 0 0 40px #422020, 0 0 50px #843434, 0 0 60px #843434, 0 0 70px #843434, 0 0 80px #843434;
        box-shadow: 0 0 20px #422020, 0 0 30px #422020, 0 0 40px #422020, 0 0 50px #843434, 0 0 60px #843434, 0 0 70px #843434, 0 0 80px #843434
    }
}

@keyframes glow {
    from {
        -webkit-box-shadow: 0 0 10px #422020, 0 0 20px #422020, 0 0 30px #422020, 0 0 40px #593131, 0 0 50px #593131, 0 0 60px #593131, 0 0 70px #593131;
        box-shadow: 0 0 10px #422020, 0 0 20px #422020, 0 0 30px #422020, 0 0 40px #593131, 0 0 50px #593131, 0 0 60px #593131, 0 0 70px #593131
    }

    to {
        -webkit-box-shadow: 0 0 20px #422020, 0 0 30px #422020, 0 0 40px #422020, 0 0 50px #843434, 0 0 60px #843434, 0 0 70px #843434, 0 0 80px #843434;
        box-shadow: 0 0 20px #422020, 0 0 30px #422020, 0 0 40px #422020, 0 0 50px #843434, 0 0 60px #843434, 0 0 70px #843434, 0 0 80px #843434
    }
}

#arth-overview-image .coin-gradient-red img {
    width: 8.80208rem;
    height: 8.75rem;
    position: absolute;
    left: -31px;
    top: -32px
}

#arth-overview-image .arth-desc {
    position: absolute;
    z-index: 10
}

#arth-overview-image .arth-desc .arth-desc-content {
    position: relative;
    text-transform: uppercase
}

@media screen and (max-width: 26.04167rem) {
    #arth-overview-image .arth-desc .arth-desc-content .txt {
        font-size: 8px
    }

    #arth-overview-image .arth-desc .arth-desc-content .txt-1 {
        top: -13px;
        left: 2.08333rem
    }

    #arth-overview-image .arth-desc .arth-desc-content .txt-1 .triangle {
        left: 8px;
        top: .67708rem
    }

    #arth-overview-image .arth-desc .arth-desc-content .txt-2 {
        top: 1.45833rem;
        right: 2px;
        line-height: 9px
    }

    #arth-overview-image .arth-desc .arth-desc-content .txt-2 .triangle {
        left: -15px;
        top: 8px
    }

    #arth-overview-image .arth-desc .arth-desc-content .txt-3 {
        top: 1.71875rem;
        left: -17px
    }

    #arth-overview-image .arth-desc .arth-desc-content .txt-3 .triangle {
        left: .88542rem;
        top: -2px
    }

    #arth-overview-image .arth-desc .arth-desc-content .txt-4 {
        top: -16px;
        left: 2.44792rem;
        line-height: 9px
    }

    #arth-overview-image .arth-desc .arth-desc-content .txt-4 .triangle {
        left: .57292rem;
        top: .98958rem
    }

    #arth-overview-image .arth-desc .arth-desc-content .txt-5 {
        top: 1.82292rem;
        right: -3px
    }

    #arth-overview-image .arth-desc .arth-desc-content .txt-5 .triangle {
        left: -13px;
        top: 5px
    }

    #arth-overview-image .arth-desc .arth-desc-content .txt-6 {
        top: 4.16667rem;
        left: 2.65625rem
    }

    #arth-overview-image .arth-desc .arth-desc-content .txt-6 .triangle {
        left: 1px;
        top: -8px
    }

    #arth-overview-image .arth-desc .arth-desc-content .txt-7 {
        top: 2.1875rem;
        right: 1.45833rem;
        line-height: 9px
    }

    #arth-overview-image .arth-desc .arth-desc-content .txt-7 .triangle {
        left: -17px;
        top: 8px
    }

    #arth-overview-image .arth-desc .arth-desc-content .txt-8 {
        bottom: 4.27083rem;
        left: 1.19792rem
    }

    #arth-overview-image .arth-desc .arth-desc-content .txt-8 .triangle {
        left: .98958rem;
        top: -10px
    }

    #arth-overview-image .arth-desc .arth-desc-content .txt-9 {
        top: 2.29167rem;
        left: -28px;
        line-height: 9px
    }

    #arth-overview-image .arth-desc .arth-desc-content .txt-9 .triangle {
        left: 1.45833rem;
        top: 0px
    }

    #arth-overview-image .arth-desc .arth-desc-content .txt-10 {
        top: -10px;
        left: 1.14583rem
    }

    #arth-overview-image .arth-desc .arth-desc-content .txt-10 .triangle {
        left: 1.19792rem;
        top: .72917rem
    }

    #arth-overview-image .arth-desc .arth-desc-content .txt-11 {
        bottom: 3.90625rem;
        left: .72917rem;
        line-height: 9px
    }

    #arth-overview-image .arth-desc .arth-desc-content .txt-11 .triangle {
        left: 1.30208rem;
        top: -11px
    }

    #arth-overview-image .arth-desc .arth-desc-content .txt-12 {
        top: 1.92708rem;
        left: -41px;
        line-height: 9px
    }

    #arth-overview-image .arth-desc .arth-desc-content .txt-12 .triangle {
        left: 2.03125rem;
        top: -3px
    }
}

#arth-overview-image .arth-desc .arth-desc-content .inner-text {
    font-size: .625rem;
    position: absolute;
    background: -webkit-linear-gradient(90deg, #FD5656, #F48057 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

#arth-overview-image .arth-desc .arth-desc-content .inner-text-1 {
    left: 4.0625rem;
    top: 9.11458rem
}

#arth-overview-image .arth-desc .arth-desc-content .inner-text-2 {
    right: 10.67708rem;
    top: 3.80208rem
}

#arth-overview-image .arth-desc .arth-desc-content .inner-text-3 {
    left: 3.85417rem;
    bottom: 9.42708rem
}

#arth-overview-image .arth-desc .arth-desc-content .inner-text-4 {
    right: -61px;
    top: 3.125rem;
    line-height: .67708rem
}

#arth-overview-image .arth-desc .txt {
    font-size: .625rem;
    position: absolute;
    color: #898686;
    line-height: .625rem;
    text-transform: uppercase;
    text-align: center
}

#arth-overview-image .arth-desc .triangle {
    background-image: url(../image/white-triangle.d1af2912552fc07447af9c77b5e77bd5.svg);
    background-repeat: no-repeat;
    width: .67708rem;
    height: 9px;
    display: inline-block;
    position: absolute
}

#arth-overview-image .arth-desc .txt-1 {
    top: -18px;
    left: 4.47917rem
}

#arth-overview-image .arth-desc .txt-1 .triangle {
    left: .57292rem;
    top: .9375rem
}

#arth-overview-image .arth-desc .txt-2 {
    top: 3.22917rem;
    right: -69px
}

#arth-overview-image .arth-desc .txt-2 .triangle {
    left: -22px;
    top: 8px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

#arth-overview-image .arth-desc .txt-3 {
    top: 3.75rem;
    left: -23px
}

#arth-overview-image .arth-desc .txt-3 .triangle {
    left: 1.35417rem;
    top: -1px;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

#arth-overview-image .arth-desc .txt-4 {
    top: -21px;
    left: 5.26042rem
}

#arth-overview-image .arth-desc .txt-4 .triangle {
    left: .78125rem;
    top: 1.45833rem
}

#arth-overview-image .arth-desc .txt-5 {
    top: 4.01042rem;
    right: -23px
}

#arth-overview-image .arth-desc .txt-5 .triangle {
    left: -13px;
    top: 2px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

#arth-overview-image .arth-desc .txt-6 {
    top: 8.48958rem;
    left: 5.625rem
}

#arth-overview-image .arth-desc .txt-6 .triangle {
    left: 8px;
    top: -9px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

#arth-overview-image .arth-desc .txt-7 {
    top: 4.73958rem;
    right: -47px
}

#arth-overview-image .arth-desc .txt-7 .triangle {
    left: -17px;
    top: 6px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

#arth-overview-image .arth-desc .txt-8 {
    bottom: -9px;
    left: 3.125rem
}

#arth-overview-image .arth-desc .txt-8 .triangle {
    left: 1.92708rem;
    top: -13px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

#arth-overview-image .arth-desc .txt-9 {
    top: 4.94792rem;
    left: -40px
}

#arth-overview-image .arth-desc .txt-9 .triangle {
    left: 2.1875rem;
    top: 2px;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

#arth-overview-image .arth-desc .txt-10 {
    top: -8px;
    left: 3.02083rem
}

#arth-overview-image .arth-desc .txt-10 .triangle {
    left: 1.61458rem;
    top: .88542rem
}

#arth-overview-image .arth-desc .txt-11 {
    bottom: -13px;
    left: 2.23958rem
}

#arth-overview-image .arth-desc .txt-11 .triangle {
    left: 2.39583rem;
    top: -14px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

#arth-overview-image .arth-desc .txt-12 {
    top: 3.64583rem;
    left: -83px
}

#arth-overview-image .arth-desc .txt-12 .triangle {
    left: 4.21875rem;
    top: 8px;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

#arth-overview-image .arth-desc-box-1 {
    width: 10.625rem;
    height: 9.42708rem;
    top: 12.29167rem;
    left: 23.38542rem
}

#arth-overview-image .wobble-effect {
    -webkit-animation-name: wobble-ani;
    animation-name: wobble-ani;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 10%;
    transform-origin: 50% 10%;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    z-index: 10
}

@-webkit-keyframes wobble-ani {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    50% {
        -webkit-transform: rotate(-1deg);
        transform: rotate(-1deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes wobble-ani {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    50% {
        -webkit-transform: rotate(-1deg);
        transform: rotate(-1deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

#arth-overview-image .economy-icon {
    background-image: url(../image/Economy-Polygram.5f58988c0efa3affc94b6e1fdc5193c7.svg);
    background-repeat: no-repeat;
    width: 10.625rem;
    height: 9.42708rem;
    display: inline-block
}

#arth-overview-image .arth-desc-box-2 {
    width: 11.30208rem;
    height: 8.75rem;
    top: 24.32292rem;
    right: 9.63542rem
}

#arth-overview-image .commodities-icon {
    background-image: url(../image/Commodities.c869667a301a21a0764d733dc0799dc6.svg);
    background-repeat: no-repeat;
    width: 11.30208rem;
    height: 8.75rem;
    display: inline-block
}

#arth-overview-image .arth-desc-box-3 {
    width: 10.625rem;
    height: 9.21875rem;
    bottom: 12.44792rem;
    left: 23.28125rem
}

#arth-overview-image .markets-icon {
    background-image: url(../image/Markets.adf2902002dbceb264b62607aa09427d.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 10.625rem;
    height: 9.21875rem;
    display: inline-block
}

#arth-overview-image .arth-desc-box-4 {
    width: 11.30208rem;
    height: 8.75rem;
    top: 24.375rem;
    left: 9.79167rem
}

#arth-overview-image .assets-icon {
    background-image: url(../image/Assets.4e0cd9df66b28e5ddd9b1efdde2e0229.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 11.30208rem;
    height: 8.75rem;
    display: inline-block
}

.pulse1 {
    position: absolute;
    width: 23.4375rem;
    height: 23.4375rem;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 3;
    opacity: 0;
    border: 1px solid #FD3947;
    -webkit-animation: pulsejg3 5s linear infinite;
    animation: pulsejg3 5s linear infinite;
    border-radius: 52.03125rem;
    -webkit-box-shadow: inset 0px 0px 12px 5px #000;
    box-shadow: inset 0px 0px 12px 5px #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pulse2 {
    position: absolute;
    width: 26.04167rem;
    height: 26.04167rem;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    opacity: 0;
    border: 1px solid #FD3947;
    -webkit-animation: pulsejg2 5s linear infinite;
    animation: pulsejg2 5s linear infinite;
    border-radius: 52.03125rem;
    -webkit-box-shadow: inset 0px 0px 12px 5px #000;
    box-shadow: inset 0px 0px 12px 5px #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pulse3 {
    position: absolute;
    width: 28.64583rem;
    height: 28.64583rem;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    opacity: 0;
    border: 1px solid #FD3947;
    -webkit-animation: pulsejg1 5s linear infinite;
    animation: pulsejg1 5s linear infinite;
    border-radius: 52.03125rem;
    -webkit-box-shadow: inset 0px 0px 15px 10px #000;
    box-shadow: inset 0px 0px 15px 10px #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pulse4 {
    position: absolute;
    width: 31.25rem;
    height: 31.25rem;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    opacity: 0;
    border: 1px solid #FB0078;
    -webkit-animation: pulsejg1 5s linear infinite;
    animation: pulsejg1 5s linear infinite;
    border-radius: 52.03125rem;
    -webkit-box-shadow: inset 0px 0px 15px 10px #000;
    box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 0, 0.6);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pulse5 {
    position: absolute;
    width: 33.85417rem;
    height: 33.85417rem;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    opacity: 0;
    border: 1px solid #FB0078;
    -webkit-animation: pulsejg1 5s linear infinite;
    animation: pulsejg1 5s linear infinite;
    border-radius: 52.03125rem;
    -webkit-box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 0, 0.8);
    box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 0, 0.8);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pulse6 {
    position: absolute;
    width: 36.45833rem;
    height: 36.45833rem;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    opacity: 0;
    border: 1px solid #FB0078;
    -webkit-animation: pulsejg1 5s linear infinite;
    animation: pulsejg1 5s linear infinite;
    border-radius: 52.03125rem;
    -webkit-box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 0, 0.6);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pulse7 {
    position: absolute;
    width: 39.0625rem;
    height: 39.0625rem;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    opacity: 0;
    border: 1px solid #FB0078;
    -webkit-animation: pulsejg1 5s linear infinite;
    animation: pulsejg1 5s linear infinite;
    border-radius: 52.03125rem;
    -webkit-box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 0, 0.4);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@-webkit-keyframes pulsejg1 {
    0% {
        -webkit-transform: scale(0.6);
        opacity: 0
    }

    50% {
        -webkit-transform: scale(0.6);
        opacity: 0
    }

    60% {
        -webkit-transform: scale(0.9);
        opacity: .2
    }

    70% {
        -webkit-transform: scale(1.1);
        opacity: .35
    }

    80% {
        -webkit-transform: scale(1.25);
        opacity: .2
    }

    100% {
        -webkit-transform: scale(1.4);
        opacity: 0
    }
}

@keyframes pulsejg1 {
    0% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        opacity: 0
    }

    50% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        opacity: 0
    }

    60% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        opacity: .1
    }

    70% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: .25
    }

    80% {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        opacity: .1
    }

    100% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        opacity: 0
    }
}

@-webkit-keyframes pulsejg2 {
    0% {
        -webkit-transform: scale(0.6);
        opacity: 0
    }

    40% {
        -webkit-transform: scale(0.8);
        opacity: .05
    }

    50% {
        -webkit-transform: scale(1);
        opacity: .1
    }

    60% {
        -webkit-transform: scale(1.1);
        opacity: .3
    }

    80% {
        -webkit-transform: scale(1.2);
        opacity: .1
    }

    100% {
        -webkit-transform: scale(1.3);
        opacity: 0
    }
}

@keyframes pulsejg2 {
    0% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        opacity: 0
    }

    40% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        opacity: .05
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .1
    }

    60% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: .3
    }

    80% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: .1
    }

    100% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0
    }
}

@keyframes pulsejg3 {
    0% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        opacity: 0
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .05
    }

    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        opacity: .1
    }

    60% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: .3
    }

    80% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: .1
    }

    100% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0
    }
}

@media screen and (max-width: 26.04167rem) {
    #arth-overview-image {
        margin-top: -60px
    }

    #arth-overview-title .button1 {
        font-size: .78125rem;
        margin-top: .78125rem
    }

    #arth-overview-title {
        height: auto;
        position: relative;
        z-index: 10
    }
}

#section-community-partners {
    font-family: "Syne", sans-serif;
    margin: 5.83333rem 0px 88px 0px;
    background: #171717;
    border-top-left-radius: 2.86458rem;
    border-top-right-radius: 2.86458rem;
    padding-top: 2.91667rem;
    padding-bottom: .52083rem
}

#section-community-partners a:hover {
    text-decoration: none
}

#section-community-partners .main-heading {
    padding-bottom: 3.54167rem
}

@media (max-width: 26.04167rem) {
    #section-community-partners .main-heading {
        padding-bottom: 1.30208rem
    }

    #section-community-partners ::-webkit-scrollbar {
        width: 0px;
        height: 6px
    }

    #section-community-partners ::-webkit-scrollbar-thumb {
        background: #171717;
        height: 5px !important;
        border-radius: .52083rem
    }

    #section-community-partners ::-webkit-scrollbar-track {
        background: none
    }

    #section-community-partners .tab-section {
        overflow: scroll;
        margin-bottom: .52083rem
    }

    #section-community-partners .partner-logos {
        width: 3.02083rem;
        height: 3.02083rem
    }

    #section-community-partners .tab-content .partner-box:nth-child(4n) {
        padding: .88542rem;
        font-size: .625rem;
        min-height: inherit
    }

    #section-community-partners .tab-content .partner-text {
        line-height: .83333rem;
        padding-top: 5px
    }

    #section-community-partners .tab-content .partner-desc {
        padding-left: .78125rem !important;
        width: 77% !important
    }

    #section-community-partners .btm-space {
        margin-bottom: .78125rem
    }
}

#section-community-partners .btm-space {
    margin-bottom: 1.04167rem
}

#section-community-partners .partner-box {
    height: 100%;
    min-height: 7.29167rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#2D2D2D), to(#212121));
    background: linear-gradient(180deg, #2D2D2D 0%, #212121 100%);
    border-radius: .52083rem;
    padding: 1.66667rem;
    color: #fff;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}

#section-community-partners .partner-box:hover {
    -webkit-box-shadow: 0px 7px 5px #0C0C0C;
    box-shadow: 0px 7px 5px #0C0C0C
}

#section-community-partners .partner-box:hover .partner-name {
    color: #FF8B71
}

#section-community-partners .partner-desc {
    display: inline-block;
    vertical-align: top;
    padding-left: 1.66667rem;
    width: 65%
}

#section-community-partners .partner-name {
    margin-bottom: 6px;
    color: rgba(255, 255, 255, 0.88)
}

#section-community-partners .partner-text {
    color: #A1A1A1;
    line-height: 1.25rem;
    margin-bottom: 0
}

#section-community-partners .arth-gradient-orange-border {
    position: absolute;
    top: -1.5%
}

.tab-content {
    display: none
}

.tab {
    margin-bottom: 1.25rem;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.tab li {
    color: rgba(255, 255, 255, 0.88);
    display: inline-block;
    padding-right: 1.04167rem;
    cursor: pointer
}

.tab li:hover:after {
    border-radius: 4px 4px 0 0px;
    background: linear-gradient(81.26deg, #F47F57 14.65%, #FD5656 83.88%);
    height: 4px;
    content: '';
    width: 100%;
    display: block;
    margin-top: 8px
}

.tab .current:after {
    border-radius: 4px 4px 0 0px;
    background: linear-gradient(81.26deg, #F47F57 14.65%, #FD5656 83.88%);
    height: 4px;
    content: '';
    width: 100%;
    display: block;
    margin-top: 8px
}

.tab-section.scroll:before {
    right: 0;
    width: 3.125rem;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(80%, #171717), to(#171717));
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #171717 80%, #171717);
    opacity: 1;
    content: "";
    display: block;
    position: absolute;
    top: 3.38542rem;
    height: 1.04167rem;
    bottom: 0;
    z-index: 1;
    right: 0
}

.tab-section.scroll:after {
    left: 0;
    width: 3.125rem;
    background: -webkit-gradient(linear, right top, left top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(60%, #171717), to(#171717));
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0, #171717 60%, #171717);
    opacity: 1;
    content: "";
    display: block;
    position: absolute;
    top: 3.38542rem;
    height: 1.04167rem;
    bottom: 0;
    z-index: 1;
    right: 0
}

.tab-content.current {
    display: block
}

.partner-logos {
    width: 4.58333rem;
    height: 4.58333rem;
    display: inline-block
}

#moonrock {
    background: url(../image/moonrock.eee0fd3569f9749e6a4ef8acbef7dcc6.svg) 100% no-repeat;
    background-size: cover
}

#x21 {
    background: url(../image/x21.1dd07d43af20ba2c7631f4803a154238.svg) 100% no-repeat;
    background-size: cover
}

#amesten {
    background: url(../image/amesten.3a547993601a7df46a70af1468e1c62b.svg) 100% no-repeat;
    background-size: cover
}

#netzero {
    background: url(../image/netzero.51a1c836c8541fe99ea3694538def8ab.svg) 100% no-repeat;
    background-size: cover
}

#magnus {
    background: url(../image/magnus.e1a8fc812642a61a5e35e2dbd38ce073.svg) 100% no-repeat;
    background-size: cover
}

#blackedge {
    background: url(../image/blackedge.6ea179707f754bc1126a5374db0e136a.svg) 100% no-repeat;
    background-size: cover
}

#gbv {
    background: url(../image/gbv.8256ec89c8f39d9c31f994fdae98d773.svg) 100% no-repeat;
    background-size: cover
}

#blackdragon {
    background: url(../image/blackdragon.93e8af504c87a1f1fe9f890d70537fc8.svg) 100% no-repeat;
    background-size: cover
}

#matic {
    background: url(../image/matic.4c170be9cefb7acd85760378946bd2a6.svg) 100% no-repeat;
    background-size: cover
}

#elrond {
    background: url(../image/elrond.cd118102014974cc85f31e6c64263538.svg) 100% no-repeat;
    background-size: cover
}

#polkastarter {
    background: url(../image/polkastarter.c236a853b40b007801c1b6b03e46b58a.svg) 100% no-repeat;
    background-size: cover
}

#uniswap {
    background: url(../image/uniswap.130d9cbca6332955bd739311170eb26e.svg) 100% no-repeat;
    background-size: cover
}

#easyfi {
    background: url(../image/easyfi.30799cd00a5ee89e6f4377bd47fbfa55.svg) 100% no-repeat;
    background-size: cover
}

#ferrum {
    background: url(../image/ferrum.808817aab118504bbeb8d3bd55c1326d.svg) 100% no-repeat;
    background-size: cover
}

#marketacross {
    background: url(../image/marketacross.1e1d480c62de0c9469a95cc720a2bbec.svg) 100% no-repeat;
    background-size: cover
}

#madchatter {
    background: url(../image/madchatter.7e92e5177a4565ca947e110ce0e3ae1c.svg) 100% no-repeat;
    background-size: cover
}

#acchalabs {
    background: url(../image/acchalabs.7ad26b361a2d68e0b83b3a43656c9f47.svg) 100% no-repeat;
    background-size: cover
}

#prudentia {
    background: url(../image/prudentia.3a66c9a7e2972e8aa791b5acbb9fb888.svg) 100% no-repeat;
    background-size: cover
}

#genesisblock {
    background: url(../image/genesisblock.aca6b8b18e3f83ba7cbcc6b0fe54e84c.svg) 100% no-repeat;
    background-size: cover
}

#bilaxy {
    background: url(../image/bilaxy.72c53abcbea313d50369258ad45a3b8b.svg) 100% no-repeat;
    background-size: cover
}

#gateio {
    background: url(../image/gateio.6eec55ec3f659291509d89e1480f67f2.svg) 100% no-repeat;
    background-size: cover
}

#bkex {
    background: url(../image/bkex.1b1b5ef4189790611dfe18f47b20d378.svg) 100% no-repeat;
    background-size: cover
}

#coingeko {
    background: url(../image/coingeko.7625a5e16e76a01a4df7891c679754d7.svg) 100% no-repeat;
    background-size: cover
}

#coinmarketcap {
    background: url(../image/coinmarketcap.fc8a6c7afa348a3875ba8a74271a7631.svg) 100% no-repeat;
    background-size: cover
}

#delta {
    background: url(../image/delta.1a1b9f12c3603030bda0568591850ae8.svg) 100% no-repeat;
    background-size: cover
}

#blockfolio {
    background: url(../image/blockfolio.772cd90678dbba5b934b6e32de8ef119.svg) 100% no-repeat;
    background-size: cover
}

#livecoinwatch {
    background: url(../image/livecoinwatch.f0ada9ec30df2aea8edf02610ea27817.svg) 100% no-repeat;
    background-size: cover
}

#nordfinance {
    background: url(../image/nordfinance.378139af5e85062bab0237a1a40766b6.svg) 100% no-repeat;
    background-size: cover
}

#hillrisecapital {
    background: url(../image/hillrisecapital.d6f9a0724d894c58cbe532776dd89724.svg) 100% no-repeat;
    background-size: cover
}

#umbrella {
    background: url(../image/umbrella.e10954efdf37a6e38d4ceafad3e02fe7.svg) 100% no-repeat;
    background-size: cover
}

#bitmax {
    background: url(../image/bitmax.249e824f3620dfcfe7fbdb4fbddcec0b.svg) 100% no-repeat;
    background-size: cover
}

#biki {
    background: url(../image/biki.16b26fe4bc33f1123ed265c102e8bd90.svg) 100% no-repeat;
    background-size: cover
}

#bitmart {
    background: url(../image/bitmart.26ae0710905f23849c85779d254ebfc6.svg) 100% no-repeat;
    background-size: cover
}

#daoventures {
    background: url(../image/daoventures.7270eab288b1598236c4436b7d36df3f.svg) 100% no-repeat;
    background-size: cover
}

#fireprotocol {
    background: url(../image/fireprotocol.db9e842dc50a73d373e458119ca91972.svg) 100% no-repeat;
    background-size: cover
}

#emiswap {
    background: url(../image/emiswap.bb18d2a85f94dc070e899098c1440e69.svg) 100% no-repeat;
    background-size: cover
}

#chainlink {
    background: url(../image/chainlink.e9b97f8d9e33c14454233337d57391d0.svg) 100% no-repeat;
    background-size: cover
}

#defi-wizard {
    background: url(../image/defi-wizard.a28b6ff00e93a074c266fc69be4ad25c.svg) 100% no-repeat;
    background-size: cover
}

#playcent {
    background: url(../image/playcent.202f57862e70902b2f6ec59c4f6e95ba.svg) 100% no-repeat;
    background-size: cover
}

#oddz {
    background: url(../image/oddz.5beb2464b0c2105f7c5906ebb1f3190a.svg) 100% no-repeat;
    background-size: cover
}

#unmarshal {
    background: url(../image/unmarshal.096d4bd81a6173ddb35c5f2912c5e1c7.svg) 100% no-repeat;
    background-size: cover
}

#bridge-mutual {
    background: url(../image/bridge-mutual.856937ac4f8c638617221cf71ad33c5f.svg) 100% no-repeat;
    background-size: cover
}

#polygon {
    background: url(../image/polygon.f14ad3e63c6c5a1dfb22d317a606d5a2.svg) 100% no-repeat;
    background-size: cover
}

#ascendex {
    background: url(../image/ascendeX.eaac7c9c71bfd1a9766c73587ccd541e.svg) 100% no-repeat;
    background-size: cover
}

#BuyUcoin {
    background: url(../image/BuyUcoin.74304c4801d69eb8d4ef96c7bf8b181a.svg) 100% no-repeat;
    background-size: cover
}

#argo {
    background: url(../image/argo.8d779f11078149b64dd26658bca2c22f.svg) 100% no-repeat;
    background-size: cover
}

#CentaurSwap {
    background: url(../image/CentaurSwap.349c6fcc45cbced008b7f5109b35f911.svg) 100% no-repeat;
    background-size: cover
}

#truepl {
    background: url(../image/truepl.6cb793c5ec56057c15733ea535a94eae.svg) 100% no-repeat;
    background-size: cover
}

#polkastarter {
    background: url(../image/polkastarter.c236a853b40b007801c1b6b03e46b58a.svg) 100% no-repeat;
    background-size: cover
}

#jventures {
    background: url(../image/j8ventures.b79e263f12ff26f2028a235968b5126f.svg) 100% no-repeat;
    background-size: cover
}

#au21 {
    background: url(../image/au21.329ffb29239ff83509bbbc9803b2922f.svg) 100% no-repeat;
    background-size: cover
}

#section-media-coverage {
    margin-top: 6.66667rem;
    text-align: center
}

#section-media-coverage .carousel-indicators {
    position: inherit;
    padding-top: 2.08333rem;
    margin-bottom: 0
}

#section-media-coverage .main-heading {
    text-align: center;
    margin-bottom: 2.29167rem
}

#section-media-coverage .card-deck {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0
}

#section-media-coverage .card {
    max-width: 9.375rem;
    border: none;
    margin: 3.33333rem 0 0 0;
    background: #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 4.16667rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px
}

@media screen and (max-width: 29.94792rem) {
    #section-media-coverage .media-logo img {
        width: 3.90625rem
    }

    #section-media-coverage .f-text-title {
        font-size: 1.35417rem;
        margin-bottom: 1.66667rem
    }

    #section-media-coverage .card {
        max-width: 7.29167rem;
        margin-top: 0;
        margin-bottom: 1.66667rem;
        height: 3.125rem
    }
}

#section-arth-future {
    margin: 2.60417rem 0px;
    font-family: "Syne", sans-serif;
    background-image: url(../image/gradiant-bg.68c5623bc13ca93117092ddd64adfa9a.svg);
    background-repeat: no-repeat;
    background-size: cover
}

.arth-pattern {
    background-image: url(../image/arth-pattern.c470055c0f25e5581ff5e2fa5c7467bc.svg);
    background-repeat: no-repeat;
    width: 100%;
    height: 18.4375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-weight: 700;
    text-align: center;
    padding: .78125rem
}

.arth-pattern span {
    width: 46.09375rem;
    font-size: 1.875rem;
    line-height: 2.39583rem
}

@media screen and (max-width: 29.94792rem) {
    .arth-pattern {
        background-size: 100%;
        height: 5.20833rem
    }

    .arth-pattern span {
        font-size: 1.04167rem;
        line-height: .9375rem
    }
}

.carousel-indicators li {
    width: .9375rem;
    height: .9375rem;
    border-radius: .9375rem;
    border: none;
    background: #333
}

.carousel-indicators li.active {
    background: #FF8B71
}

@media (min-width: 26.04167rem) and (max-width: 38.54167rem) {
    #section-media-coverage .card {
        margin: 3.33333rem 5px 0 5px
    }

    #section-media-coverage .card img {
        width: 80%
    }
}

@media screen and (max-width: 29.94792rem) {
    #section-media-coverage {
        margin-top: 2.60417rem
    }
}

#section-staking-program {
    font-family: "Syne", sans-serif;
    color: #fff;
    font-size: .625rem;
    padding: 6.66667rem 0 128px 0;
    text-align: center
}

#section-staking-program .main-title {
    color: #171717;
    padding-bottom: 8px
}

#section-staking-program .inner-title {
    font-weight: 700;
    max-width: 48.4375rem;
    line-height: 2.08333rem;
    padding-bottom: 1.66667rem
}

#section-staking-program .staking-desc p {
    margin-bottom: 0;
    font-weight: bold
}

.maha-coin-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 1.66667rem
}

.maha-coin-box .maha-coin img.coin-img {
    width: 8.59375rem
}

.maha-coin-box .arrow {
    padding: 0 30px 0 30px;
    position: relative;
    top: 6.71875rem
}

.maha-coin-box .arrow img {
    position: relative;
    top: -56px
}

.maha-coin-box .maha-coin p {
    line-height: 1.35417rem;
    font-weight: bold;
    font-size: 1.14583rem;
    letter-spacing: 4px;
    letter-spacing: 7px;
    padding-top: .78125rem !important
}

@media (max-width: 31.25rem) {
    #section-staking-program {
        padding: 2.60417rem 0
    }

    #section-staking-program .maha-coin-box .arrow {
        padding: 0 10px;
        top: 5.26042rem;
        left: 5px
    }

    #section-staking-program .maha-coin img {
        width: 5.46875rem
    }

    #section-staking-program .maha-coin.arrow img {
        width: 2.08333rem
    }

    #section-staking-program .maha-coin p {
        font-size: .625rem;
        line-height: .78125rem
    }

    #section-staking-program .maha-coin.ferrum-network p {
        top: .72917rem
    }
}

.view-status-btn {
    padding-top: 3.64583rem;
    position: relative;
    z-index: 10
}

#section-rewards {
    font-family: "Syne", sans-serif;
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(49.48%, #212121), to(rgba(33, 33, 33, 0)));
    background: linear-gradient(180deg, #212121 49.48%, rgba(33, 33, 33, 0) 100%);
    border-radius: 2.86458rem;
    padding: 3.38542rem 0 106px 0
}

#section-rewards .rewards-box {
    padding-top: 2.08333rem
}

#section-rewards .main-heading {
    padding-bottom: .83333rem;
    color: rgba(255, 255, 255, 0.64)
}

#section-rewards .text-gradient {
    font-weight: 700
}

#section-rewards .rewards-box .into-text {
    line-height: 1.30208rem;
    color: #969696
}

@media (max-width: 31.25rem) {
    #section-rewards {
        padding: 1.04167rem 0
    }

    #section-rewards .rewards-box .into-text {
        line-height: 1.14583rem
    }
}

#section-diamond-stak {
    color: #fff;
    padding-top: 6.66667rem
}

#section-diamond-stak .card-bg {
    background: -webkit-gradient(linear, left top, left bottom, from(#2D2D2D), to(#242424));
    background: linear-gradient(180deg, #2D2D2D 0%, #242424 100%);
    border-radius: .83333rem;
    padding: 3.33333rem
}

#section-diamond-stak .main-heading {
    padding-bottom: 1.25rem
}

#section-diamond-stak .gradiant-link {
    position: relative;
    top: -5px
}

#section-diamond-stak .percent-box-left .small-text {
    color: #969696
}

#section-diamond-stak .percent-box-left .big-text {
    font-family: "Inter", sans-serif;
    font-weight: 700
}

#section-diamond-stak .percent-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#section-diamond-stak .box {
    background: #3C3C3C;
    border-radius: .625rem;
    width: 11.45833rem;
    height: 5.36458rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1.5625rem
}

#section-diamond-stak .box .parcent {
    font-size: 1.25rem;
    color: rgba(255, 255, 255, 0.88);
    font-weight: 700;
    padding-bottom: 8px
}

#section-diamond-stak .box .parcent-text {
    color: rgba(255, 255, 255, 0.64);
    text-align: center
}

#section-diamond-stak .progress-bars-outer {
    width: 100%;
    margin-top: 1.25rem;
    font-weight: 600;
    font-family: "Inter", sans-serif
}

#section-diamond-stak .progress-bars-outer .status {
    display: inline-block;
    background: rgba(32, 201, 116, 0.2);
    border-radius: 5.20833rem;
    color: #20C974;
    width: 20%;
    text-align: center;
    padding: 0px 15px;
    font-size: .72917rem;
    margin-left: 1.51042rem;
    height: 2.29167rem;
    line-height: 2.29167rem;
    vertical-align: top
}

#section-diamond-stak .progress-bars {
    background: #0B0019;
    border-radius: 1.5625rem;
    height: 2.29167rem;
    width: 76%;
    display: inline-block
}

#section-diamond-stak .progress-bars .progress-meter {
    background: linear-gradient(135deg, #FF8B71 14.65%, #C33F50 64.42%, #A81E41 85.36%);
    border-radius: 1.5625rem;
    height: 2.29167rem;
    text-align: right;
    font-size: .83333rem;
    line-height: 2.29167rem;
    padding-right: .52083rem
}

@media (max-width: 38.54167rem) {
    #section-diamond-stak .card-bg {
        padding: .9375rem 15px
    }

    #section-diamond-stak .gradiant-link {
        display: block
    }

    #section-diamond-stak .main-heading {
        padding-bottom: .78125rem
    }

    #section-diamond-stak .percent-box-left .big-text {
        font-size: 1.25rem;
        padding-bottom: 1.30208rem
    }

    #section-diamond-stak .box {
        margin: 0px 5px;
        width: 25%;
        height: 2.8125rem
    }

    #section-diamond-stak .box .parcent {
        font-size: .67708rem;
        line-height: .67708rem
    }

    #section-diamond-stak .box .parcent-text {
        font-size: 8px;
        line-height: 9px;
        padding: 0px 10px
    }

    #section-diamond-stak .progress-bars {
        width: 100%;
        height: 1.5625rem
    }

    #section-diamond-stak .progress-bars-outer {
        margin-top: 1.04167rem
    }

    #section-diamond-stak .progress-bars-outer .progress-meter {
        height: 1.35417rem;
        line-height: 1.35417rem
    }

    #section-diamond-stak .progress-bars-outer .status {
        margin: .52083rem auto 0 auto;
        width: 50%;
        display: inherit;
        font-size: .9375rem;
        height: 1.5625rem;
        line-height: 1.5625rem;
        padding: 0
    }
}

@media (max-width: 29.94792rem) {
    #section-diamond-stak {
        padding-top: 2.60417rem
    }
}

@media (min-width: 40rem) and (max-width: 67.70833rem) {
    #section-diamond-stak .box {
        width: 24%
    }

    #section-diamond-stak .card-bg {
        padding: 1.30208rem
    }

    #section-diamond-stak .box .parcent {
        font-size: 1.5625rem
    }

    #section-diamond-stak .progress-bars {
        width: 75%
    }

    #section-diamond-stak .progress-bars-outer .status {
        padding: 0px 10px;
        font-size: .9375rem;
        width: 20%
    }
}

#section-diamond-stak.maha-dec-staking {
    padding-top: 4.16667rem
}

#section-diamond-stak.maha-dec-staking .progress-bars-outer .status {
    background: rgba(250, 76, 105, 0.2);
    color: #FA4C69
}

@media (max-width: 29.94792rem) {
    #section-diamond-stak.maha-dec-staking {
        padding-top: 2.60417rem
    }
}

#arth-maha-dao-overview {
    height: 61.51042rem;
    margin: 0 auto
}

#arth-maha-dao-overview.arth-section {
    padding: 1.5625rem
}

.arth-vault {
    width: 32.8125rem;
    height: 36.92708rem
}

@media screen and (min-width: 62.5rem) {
    .container {
        max-width: 54.27083rem !important
    }
}

.arth-maha-dao-ring {
    background-image: url(../image/mahadao-ring.0976598090bec773443ea1f0af219725.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center top;
    width: 100%;
    height: 100%;
    margin: -195px auto 0 auto;
    position: relative;
    color: #fff
}

.arth-maha-dao-ring .number {
    font-size: 1.35417rem;
    background: -webkit-linear-gradient(90deg, #FD5656, #F48057 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0
}

.arth-maha-dao-ring .box {
    position: absolute;
    left: 0px;
    top: 0px
}

.arth-maha-dao-ring .box .description {
    left: 0px;
    font-size: .83333rem;
    max-width: 10.67708rem;
    line-height: .9375rem
}

.arth-maha-dao-ring .box .description strong {
    padding-bottom: .52083rem;
    display: block
}

.arth-maha-dao-ring .box .icon {
    display: inline-block;
    margin: 0px 7px;
    padding-top: 3.22917rem;
    text-transform: uppercase;
    vertical-align: top;
    font-size: .72917rem
}

.arth-maha-dao-ring .box .gold-biscuit-icon {
    background-image: url(../image/gold-biscuit-icon.8389eb237596ea4cb1e87d9dd9a36049.svg);
    background-repeat: no-repeat;
    background-position: 0px 7px;
    width: 6.35417rem;
    height: 6.45833rem;
    background-position: center top
}

.arth-maha-dao-ring .box .currency-icon {
    background-image: url(../image/currency-icon.2d5898e5c4cab8a6bb77907c040ca4f3.svg);
    background-repeat: no-repeat;
    background-position: center top;
    width: 4.0625rem;
    height: 2.55208rem
}

.arth-maha-dao-ring .box .line {
    height: 2px;
    width: 13.80208rem;
    border-top: 2px solid #fff;
    display: inline-block;
    position: relative
}

.arth-maha-dao-ring .box .ani-start {
    -webkit-animation: line-ani 3s linear;
    animation: line-ani 3s linear
}

@-webkit-keyframes line-ani {
    from {
        width: 0px
    }

    to {
        width: 13.80208rem
    }
}

@keyframes line-ani {
    from {
        width: 0px
    }

    to {
        width: 13.80208rem
    }
}

.arth-maha-dao-ring .box .line:after {
    position: absolute;
    right: 0px;
    top: -6px;
    content: '';
    display: inline-block;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    padding: 4px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.arth-maha-dao-ring .box .line:before {
    position: absolute;
    left: 0px;
    top: -6px;
    content: '';
    display: inline-block;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    padding: 4px;
    transform: rotate(-220deg);
    -webkit-transform: rotate(-220deg)
}

.arth-maha-dao-ring .box .line.slide-2:before {
    position: absolute;
    right: 0px;
    left: auto;
    top: -6px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.arth-maha-dao-ring .box .line-reverse {
    width: 11.82292rem;
    border-top: 2px dotted #fff;
    top: -17px;
    -webkit-animation: line-ani-reverse 3s linear;
    animation: line-ani-reverse 3s linear
}

.arth-maha-dao-ring .box .slide-2 {
    width: 13.80208rem;
    position: relative;
    top: 1.82292rem;
    display: inline-block
}

.arth-maha-dao-ring .box .slide-2:after {
    right: auto;
    left: 0px;
    transform: rotate(145deg);
    -webkit-transform: rotate(145deg)
}

.arth-maha-dao-ring .box .ani-none {
    -webkit-animation-name: none !important;
    animation-name: none !important
}

.arth-maha-dao-ring .box .line-reverse:after {
    right: auto;
    left: 0px;
    transform: rotate(145deg);
    -webkit-transform: rotate(145deg)
}

@-webkit-keyframes line-ani-reverse {
    from {
        width: 0px
    }

    to {
        width: 13.80208rem
    }
}

@keyframes line-ani-reverse {
    from {
        width: 0px
    }

    to {
        width: 13.80208rem
    }
}

.arth-maha-dao-ring .box .fill-line {
    border-top: 2px solid #fff
}

.arth-maha-dao-ring .box .doted-line {
    border-top: 2px dotted #fff
}

@-webkit-keyframes line-ani-115 {
    from {
        width: 0px
    }

    to {
        width: 6.61458rem
    }
}

@keyframes line-ani-115 {
    from {
        width: 0px
    }

    to {
        width: 6.61458rem
    }
}

.arth-maha-dao-ring .box .logo-icon {
    background-image: url(../image/logo-icon.1bfbdda184d18ddb7cef434fdb1d7f42.svg);
    background-repeat: no-repeat;
    width: 5.3125rem;
    height: 5.3125rem;
    display: inline-block;
    float: left
}

.arth-maha-dao-ring .box .arth-bond-logo {
    background-image: url(../image/arth-bond-logo.66179b7b6177e5153bf5986701306eb6.svg);
    background-repeat: no-repeat
}

.arth-maha-dao-ring .box-1 .slide-1 {
    margin-top: 2.70833rem
}

.arth-maha-dao-ring .box-3 {
    font-size: .72917rem;
    text-align: left
}

.arth-maha-dao-ring .box-4 {
    left: auto;
    width: 8.33333rem
}

.arth-maha-dao-ring .description-arth-bond {
    float: left;
    clear: both;
    text-align: left;
    padding-top: 1.30208rem
}

.arth-maha-dao-ring .arrow-icon {
    position: relative;
    padding: 0px 15px
}

.arth-maha-dao-ring .arrow-icon p {
    position: absolute;
    padding-top: 1.14583rem;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-top: -15px;
    font-size: .9375rem;
    margin: 0
}

.arth-maha-dao-ring .chart-circle {
    width: 11.30208rem;
    height: 11.25rem
}

.arth-maha-dao-ring .chart-circle p {
    padding: 1.14583rem 20px;
    margin: 0
}

.arth-maha-dao-ring .chart-text {
    font-family: Inter;
    font-weight: 500;
    color: #fff;
    padding-left: 2.86458rem;
    text-align: left;
    margin: 0px;
    position: relative;
    font-size: .83333rem
}

.arth-maha-dao-ring .chart-text li {
    list-style: none;
    position: relative;
    padding: 3px 20px
}

.arth-maha-dao-ring .chart-text li:after {
    content: '';
    background: #3DB549;
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 8px;
    position: absolute;
    left: 0px;
    top: .625rem
}

.arth-maha-dao-ring .chart-text li:nth-child(2):after {
    background: #FCCD12
}

.arth-maha-dao-ring .chart-text li:nth-child(3):after {
    background: #F7931A
}

.arth-vault {
    background-image: url(../image/arth-vault-box.91b1dc4ce484724a57a8a6567ca064fb.svg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 95%;
    margin: 1.19792rem auto 0 auto;
    text-align: center;
    color: #fff
}

.arth-vault .arth-vault-title {
    padding-top: 1.5625rem;
    text-transform: uppercase;
    font-size: .72917rem;
    font-weight: 700;
    height: 3.33333rem
}

.arth-vault .arth-vault-des {
    color: #fff;
    max-width: 9.21875rem;
    margin: 0 auto
}

.arth-vault .arth-vault-des p {
    line-height: .9375rem;
    font-size: .83333rem
}

.arth-vault .arth-vault-des p.des-text-1 {
    width: 9.11458rem;
    margin: -7px auto 0 auto
}

.arth-vault .arth-vault-des p.des-text-2 {
    width: 8.85417rem;
    margin: -7px auto 0 auto
}

.arth-vault .center-text {
    max-width: 20.3125rem;
    margin: .52083rem auto 15px auto;
    font-size: .9375rem;
    line-height: 1.09375rem
}

.line-timer {
    width: 6.82292rem;
    height: 7.23958rem;
    display: inline-block;
    position: relative;
    padding-top: 5px
}

.line-timer .count font {
    position: absolute;
    top: 50%;
    left: 40%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10;
    font-size: .78125rem;
    color: #fff;
    z-index: 1000;
    line-height: 1.92708rem;
    height: 1.77083rem
}

.line-timer .count:after {
    content: '0';
    -webkit-animation: counter 30s linear infinite;
    animation: counter 30s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10;
    font-size: .9375rem;
    font-weight: 500;
    color: #fff;
    background: radial-gradient(50% 50% at 50% 50%, #565555 0%, #212020 100%);
    width: 2.23958rem;
    height: 2.23958rem;
    border-radius: 2.23958rem;
    line-height: 2.23958rem;
    text-align: center
}

@-webkit-keyframes counter {
    0% {
        content: '0'
    }

    1% {
        content: '1'
    }

    5% {
        content: '2'
    }

    10% {
        content: '3'
    }

    15% {
        content: '4'
    }

    20% {
        content: '5'
    }

    25% {
        content: '6'
    }

    30% {
        content: '7'
    }

    35% {
        content: '8'
    }

    40% {
        content: '9'
    }

    45% {
        content: '10'
    }

    48% {
        content: '11'
    }

    50% {
        content: '12'
    }

    100% {
        content: '12'
    }
}

@keyframes counter {
    0% {
        content: '0'
    }

    1% {
        content: '1'
    }

    5% {
        content: '2'
    }

    10% {
        content: '3'
    }

    15% {
        content: '4'
    }

    20% {
        content: '5'
    }

    25% {
        content: '6'
    }

    30% {
        content: '7'
    }

    35% {
        content: '8'
    }

    40% {
        content: '9'
    }

    45% {
        content: '10'
    }

    48% {
        content: '11'
    }

    50% {
        content: '12'
    }

    100% {
        content: '12'
    }
}

.line-timer .count-reverse:after {
    content: '12';
    -webkit-animation: count-reverse 30s linear infinite;
    animation: count-reverse 30s linear infinite;
    -webkit-animation-delay: 15s;
    animation-delay: 15s
}

@-webkit-keyframes count-reverse {
    100% {
        content: '0'
    }

    51% {
        content: '0'
    }

    50% {
        content: '1'
    }

    45% {
        content: '2'
    }

    40% {
        content: '3'
    }

    35% {
        content: '4'
    }

    30% {
        content: '5'
    }

    25% {
        content: '6'
    }

    20% {
        content: '7'
    }

    15% {
        content: '8'
    }

    10% {
        content: '9'
    }

    7% {
        content: '10'
    }

    3% {
        content: '11'
    }

    0% {
        content: '12'
    }
}

@keyframes count-reverse {
    100% {
        content: '0'
    }

    51% {
        content: '0'
    }

    50% {
        content: '1'
    }

    45% {
        content: '2'
    }

    40% {
        content: '3'
    }

    35% {
        content: '4'
    }

    30% {
        content: '5'
    }

    25% {
        content: '6'
    }

    20% {
        content: '7'
    }

    15% {
        content: '8'
    }

    10% {
        content: '9'
    }

    7% {
        content: '10'
    }

    3% {
        content: '11'
    }

    0% {
        content: '12'
    }
}

.line-timer .timer {
    width: 6.25rem;
    height: 6.25rem;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#1D1D1D));
    background: linear-gradient(180deg, #202020 0%, #1D1D1D 100%);
    margin: auto
}

.line-timer .revers-timer .timer {
    background: -webkit-gradient(linear, left top, left bottom, from(#1B1B1B), to(#191919));
    background: linear-gradient(180deg, #1B1B1B 0%, #191919 100%)
}

.line-timer .timer,
.line-timer .timer * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.line-timer .timer .pie {
    width: 50%;
    height: 100%;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    position: absolute;
    background: transparent;
    border: 1px solid #fff
}

.line-timer .timer .pie-rev {
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    right: 0%
}

.line-timer .timer .spinner:before {
    content: '';
    position: absolute;
    display: block;
    z-index: 100;
    left: 2.86458rem;
    top: -8px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: .52083rem solid #fff;
    border-bottom: 8px solid transparent
}

.line-timer .timer .spinner-rev:before {
    content: '';
    position: absolute;
    display: block;
    z-index: 100;
    left: -11px;
    top: -8px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: .52083rem solid #fff;
    border-bottom: 8px solid transparent;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.line-timer .timer .spinner {
    border-radius: 100% 0 0 100% / 50% 0 0 50%;
    z-index: 0;
    border-right: none;
    -webkit-animation: rota 30s linear infinite
}

.line-timer .timer .spinner-rev {
    border-radius: 0% 100% 100% 0% / 0% 50% 50% 0%;
    z-index: 0;
    border-left: none;
    -webkit-animation: rota-rev 30s linear infinite;
    -webkit-animation-delay: 15s;
    animation-delay: 15s
}

.line-timer .timer .filler {
    border-radius: 0 100% 100% 0 / 0 50% 50% 0;
    left: 50%;
    opacity: 0;
    -webkit-animation: opa-filler 30s steps(7, end) infinite;
    border-left: 1px solid #404040
}

.line-timer .timer .filler-rev {
    border-radius: 100% 0 0 100% / 50% 0 0 50%;
    left: 0%;
    opacity: 1;
    -webkit-animation: opa-filler 30s steps(7, end) infinite;
    -webkit-animation-delay: 15s;
    animation-delay: 15s;
    border-right: 1px solid #404040
}

.line-timer .timer .mask {
    width: 52%;
    height: 100%;
    position: absolute;
    background: inherit;
    opacity: 1;
    left: -1px;
    -webkit-animation: opa 30s steps(7, end) infinite
}

.line-timer .timer .mask-rev {
    opacity: 0;
    left: 3.125rem;
    -webkit-animation: opa 30s steps(7, end) infinite;
    -webkit-animation-delay: 15s;
    animation-delay: 15s;
    border-left: 1px solid #404040;
    border-right: none !important
}

@-webkit-keyframes rota {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        z-index: 0
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        z-index: 100
    }
}

@-webkit-keyframes rota-rev {
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        z-index: 0
    }

    0% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        z-index: 0
    }
}

@-webkit-keyframes opa {

    0%,
    10%,
    20%,
    23% {
        opacity: 1;
        border-right: 1px solid #404040
    }

    27%,
    75%,
    100% {
        opacity: 0
    }
}

@-webkit-keyframes opa-filler {

    0%,
    10%,
    25% {
        opacity: 0
    }

    26%,
    40%,
    70%,
    100% {
        opacity: 1
    }
}

.line-timer .timer-sml-text {
    position: absolute;
    top: 50%;
    left: -30px;
    font-size: .52083rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.line-timer-reverse .timer-sml-text {
    right: -60px;
    left: auto
}

@media screen and (max-width: 38.54167rem) {
    #arth-maha-dao-overview {
        height: auto
    }

    .arth-maha-dao-ring {
        background-image: url(../image/mahadao-ring-small.efa3c47c69d5d1905868454d4aa4e5b3.svg);
        width: 13.90625rem;
        height: 18.4375rem;
        margin: -100px auto 0 auto
    }

    .arth-maha-dao-ring .number {
        font-size: .72917rem
    }

    .arth-maha-dao-ring .box .logo-icon {
        width: 1.82292rem;
        height: 1.92708rem;
        background-size: 100%
    }

    .arth-maha-dao-ring .box .description-arth-bond {
        padding-top: 0px
    }

    .arth-maha-dao-ring .box .description {
        font-size: 8px;
        line-height: 8px;
        max-width: 4.6875rem
    }

    .arth-maha-dao-ring .box .description .number {
        font-size: .625rem
    }

    .arth-maha-dao-ring .box .line-reverse {
        width: 4.16667rem;
        border-top: 1px solid #fff;
        top: -82px
    }

    .arth-maha-dao-ring .box .line-127 {
        left: -33px;
        top: .9375rem
    }

    .arth-maha-dao-ring .box .line {
        width: 5rem;
        margin: 0px;
        border-width: 1px;
        -webkit-animation: line-ani 3s linear;
        animation: line-ani 3s linear
    }

    @-webkit-keyframes line-ani {
        from {
            width: 0px
        }

        to {
            width: 4.6875rem
        }
    }

    @keyframes line-ani {
        from {
            width: 0px
        }

        to {
            width: 4.6875rem
        }
    }

    .arth-maha-dao-ring .box .line:after {
        border-width: 0 1px 1px 0;
        padding: 2px;
        top: -3px
    }

    .arth-maha-dao-ring .box .line:before {
        border-width: 0 1px 1px 0;
        padding: 2px;
        top: -3px
    }

    .arth-maha-dao-ring .box .line.slide-2:before {
        top: -3px
    }

    .arth-maha-dao-ring .box .line-reverse {
        width: 3.90625rem
    }

    .arth-maha-dao-ring .box .slide-1 {
        left: 0px
    }

    .arth-maha-dao-ring .box .slide-2 {
        right: -4px;
        top: 3px;
        width: 4.89583rem;
        -webkit-animation: line-ani-reverse 3s linear;
        animation: line-ani-reverse 3s linear
    }

    @-webkit-keyframes line-ani-reverse {
        from {
            width: 0px
        }

        to {
            width: 4.6875rem
        }
    }

    @keyframes line-ani-reverse {
        from {
            width: 0px
        }

        to {
            width: 4.6875rem
        }
    }

    .arth-maha-dao-ring .box-1 {
        top: 4.6875rem;
        left: -45px;
        width: 7.55208rem
    }

    .arth-maha-dao-ring .box .icon {
        font-size: .57292rem;
        padding-top: 1.04167rem
    }

    .arth-maha-dao-ring .box-3 {
        top: 6.51042rem;
        left: -37px
    }

    .arth-maha-dao-ring .box-4 {
        top: 6.40625rem;
        right: -131px
    }

    .arth-maha-dao-ring .box-5 {
        width: 7.03125rem;
        top: 12.1875rem;
        left: -38px
    }

    .arth-maha-dao-ring .arrow-icon {
        left: -36px;
        top: 1.82292rem;
        position: absolute
    }

    .arth-maha-dao-ring .arrow-icon p {
        font-size: 8px;
        padding-top: .72917rem
    }

    .arth-maha-dao-ring .chart-circle {
        font-size: 8px
    }

    .arth-maha-dao-ring .chart-circle p {
        max-width: 4.27083rem;
        padding: 0px
    }

    .arth-maha-dao-ring .chart-text {
        font-size: 8px;
        padding-left: .625rem;
        padding-top: 1.04167rem
    }

    .arth-maha-dao-ring .chart-text li:after {
        top: 6px
    }

    .arth-maha-dao-ring .arrow-icon img {
        width: 2.60417rem
    }

    .arth-maha-dao-ring .arth-vault {
        background-image: url(../image/arth-vault-box-small.859b0dd2613f5042aba65b87f8a9e608.svg);
        width: 9.375rem;
        height: 12.08333rem;
        margin: .88542rem auto 0 auto;
        background-size: 92%
    }

    .arth-maha-dao-ring .arth-vault .arth-vault-title {
        font-size: 8px;
        padding-top: .52083rem;
        height: auto;
        margin-bottom: 0
    }

    .arth-maha-dao-ring .arth-vault .arth-vault-des.arth-vault-des-2 {
        margin: -10px auto 0 auto
    }

    .arth-maha-dao-ring .arth-vault .arth-vault-des {
        margin: 0 auto
    }

    .arth-maha-dao-ring .arth-vault .arth-vault-des p {
        font-size: 8px;
        line-height: 8px
    }

    .arth-maha-dao-ring .arth-vault .arth-vault-des p.des-text-1 {
        width: 3.54167rem;
        margin: 0 auto
    }

    .arth-maha-dao-ring .arth-vault .arth-vault-des p.des-text-2 {
        width: 4.16667rem;
        margin: 0 auto;
        padding-top: 5px
    }

    .arth-maha-dao-ring .arth-vault .number {
        font-size: .625rem
    }

    .arth-maha-dao-ring .arth-vault .center-text {
        margin-top: -3px;
        font-size: .83333rem;
        line-height: 8px;
        max-width: 8.33333rem;
        margin-bottom: 1px;
        background: -webkit-linear-gradient(90deg, #FD5656, #F48057 100%);
        background-clip: border-box;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .line-timer {
        width: 1.97917rem;
        height: 1.97917rem;
        margin-bottom: 0px
    }

    .line-timer .timer-sml-text {
        left: -18px
    }

    .line-timer-reverse .timer-sml-text {
        right: -44px;
        left: auto
    }

    .line-timer .timer {
        width: 1.5625rem;
        height: 1.5625rem
    }

    .line-timer .timer .mask-rev {
        left: .83333rem
    }

    .line-timer .timer:after {
        width: 0
    }

    .line-timer .timer .spinner:before {
        left: .72917rem;
        top: -4px;
        border-top: 4px solid transparent;
        border-left: 4px solid #fff;
        border-bottom: 4px solid transparent
    }

    .line-timer .timer .spinner-rev:before {
        left: -3px;
        top: -4px;
        border-top: 4px solid transparent;
        border-left: 4px solid #fff;
        border-bottom: 4px solid transparent
    }

    .line-timer .count:after {
        width: .9375rem;
        height: .9375rem;
        line-height: .9375rem;
        font-size: .52083rem
    }

    .line-timer .count font {
        top: 48%;
        left: 33%;
        font-size: .52083rem
    }
}

@media screen and (min-width: 40rem) {
    .arth-vault {
        margin: -128px auto 0 auto;
        background-size: 65%
    }

    .arth-maha-dao-ring .box-1 {
        left: -30px;
        top: 8.59375rem;
        width: 14.0625rem
    }

    .arth-maha-dao-ring .box-3 {
        left: -30px;
        top: 14.32292rem;
        width: 9.11458rem
    }

    .arth-maha-dao-ring .box-4 {
        top: 13.02083rem;
        right: 0;
        font-size: .57292rem
    }

    .arth-maha-dao-ring .box-5 {
        left: -30px;
        top: 23.17708rem;
        width: 12.60417rem
    }

    .arth-maha-dao-ring .box .line {
        width: 8.33333rem
    }

    @-webkit-keyframes line-ani {
        from {
            width: 0px
        }

        to {
            width: 8.33333rem
        }
    }

    @keyframes line-ani {
        from {
            width: 0px
        }

        to {
            width: 8.33333rem
        }
    }

    @-webkit-keyframes line-ani-reverse {
        from {
            width: 0px
        }

        to {
            width: 6.77083rem
        }
    }

    @keyframes line-ani-reverse {
        from {
            width: 0px
        }

        to {
            width: 6.77083rem
        }
    }

    .arth-maha-dao-ring .box .fill-line {
        width: 6.77083rem
    }

    .arth-maha-dao-ring .description-arth-bond {
        padding-top: .52083rem
    }

    .line-timer {
        width: 3.125rem;
        height: 3.125rem
    }

    .arth-maha-dao-ring .box .description {
        font-size: .72917rem
    }

    .arth-maha-dao-ring .arrow-icon img {
        width: 4.16667rem
    }

    .arth-maha-dao-ring .chart-circle img {
        width: 5.72917rem;
        display: inline-block !important
    }

    .arth-maha-dao-ring .arrow-icon {
        top: 7px;
        left: 3.07292rem
    }

    .arth-maha-dao-ring .arrow-icon p {
        font-size: .625rem;
        padding-top: .78125rem
    }

    .arth-maha-dao-ring .chart-text {
        padding-left: 1.30208rem;
        font-size: .625rem
    }
}

@media screen and (min-width: 62.5rem) {
    .arth-vault {
        margin: 1.19792rem auto 0 auto;
        background-size: 95%
    }

    .arth-maha-dao-ring .box-1 {
        top: 17.34375rem;
        left: -70px;
        width: 19.53125rem
    }

    .arth-maha-dao-ring .box-3 {
        top: 23.95833rem;
        left: -70px;
        width: 10.67708rem
    }

    .arth-maha-dao-ring .box-4 {
        top: 22.65625rem;
        right: -64px;
        width: 8.33333rem;
        font-size: .72917rem
    }

    .arth-maha-dao-ring .box-5 {
        top: 35rem;
        left: -70px;
        width: 19.53125rem
    }

    .arth-maha-dao-ring .box .line {
        width: 13.80208rem
    }

    @-webkit-keyframes line-ani {
        from {
            width: 0px
        }

        to {
            width: 13.80208rem
        }
    }

    @keyframes line-ani {
        from {
            width: 0px
        }

        to {
            width: 13.80208rem
        }
    }

    @-webkit-keyframes line-ani-reverse {
        from {
            width: 0px
        }

        to {
            width: 13.80208rem
        }
    }

    @keyframes line-ani-reverse {
        from {
            width: 0px
        }

        to {
            width: 13.80208rem
        }
    }

    .line-timer {
        width: 6.82292rem;
        height: 7.23958rem
    }

    .arth-maha-dao-ring .box .description {
        font-size: .83333rem
    }

    .arth-maha-dao-ring .arrow-icon img {
        width: auto
    }

    .arth-maha-dao-ring .chart-circle img {
        width: auto;
        display: inline-block !important
    }

    .arth-maha-dao-ring .arrow-icon {
        top: 0;
        left: 0
    }

    .arth-maha-dao-ring .arrow-icon p {
        font-size: .9375rem;
        padding-top: 1.14583rem
    }

    .arth-maha-dao-ring .chart-text {
        padding-left: 2.86458rem;
        font-size: .83333rem
    }
}

@media screen and (min-width: 62.5rem) and (max-width: 67.70833rem) {
    .arth-maha-dao-ring .chart-circle img {
        width: 5.98958rem
    }

    .arth-maha-dao-ring .box-4 {
        right: -30px
    }

    .arth-maha-dao-ring .chart-text {
        padding-left: 1.35417rem;
        font-size: .72917rem
    }
}

#section-arth-backed {
    max-width: 56.5625rem;
    margin: 10.41667rem auto;
    text-align: center;
    padding: 0px 15px;
    font-family: "Syne", sans-serif
}

#section-arth-backed .main-title {
    font-style: normal;
    font-weight: bold;
    font-size: 2.39583rem;
    line-height: 1.2;
    text-align: center;
    color: #FFFFFF;
    margin: 0 0 55px 0
}

#section-arth-backed .backed-circle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 1.5625rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff
}

#section-arth-backed .arrow-icon {
    padding: 0px 90px
}

#section-arth-backed .logo-icon {
    position: relative
}

#section-arth-backed .logo-icon p {
    margin: 0px;
    position: absolute;
    padding-top: 1.14583rem;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-top: 1.04167rem
}

#section-arth-backed .arrow-icon p {
    margin-top: -15px;
    font-size: .9375rem
}

#section-arth-backed .chart-circle {
    width: 12.70833rem;
    height: 12.76042rem
}

#section-arth-backed .chart-circle p {
    padding: 1.30208rem 20px
}

#section-arth-backed .chart-text {
    font-family: Inter;
    font-weight: 500;
    color: #fff;
    padding-left: 2.86458rem;
    text-align: left;
    margin: 0px;
    position: relative
}

#section-arth-backed .chart-text li {
    list-style: none;
    position: relative;
    padding: 3px 20px
}

#section-arth-backed .chart-text li:after {
    content: '';
    background: #3DB549;
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 8px;
    position: absolute;
    left: 0px;
    top: .625rem
}

#section-arth-backed .chart-text li:nth-child(2):after {
    background: #FCCD12
}

#section-arth-backed .chart-text li:nth-child(3):after {
    background: #F7931A
}

@media screen and (max-width: 31.25rem) {
    #section-arth-backed .backed-circle {
        display: inline-block
    }

    #section-arth-backed .logo-icon p {
        position: inherit
    }

    #section-arth-backed .chart-text {
        font-size: 1.04167rem;
        padding-left: 2.08333rem
    }
}

body {
    background: #0B0019
}

#section-about {
    margin-top: 6.66667rem;
    text-align: center
}

#section-about .main-heading {
    padding-bottom: 8px
}

#section-about .sub-heading-text {
    max-width: 61.45833rem;
    font-weight: 700;
    line-height: 1.25rem;
    color: rgba(255, 255, 255, 0.64)
}

@media (max-width: 38.54167rem) {
    #section-about {
        margin-top: 2.60417rem
    }

    #section-about .main-heading {
        padding-bottom: 1.30208rem
    }

    #section-about .sub-heading-text {
        line-height: 1.25rem
    }
}

#section-brand-resources {
    margin-top: 4.16667rem;
    text-align: center
}

#section-brand-resources .main-heading {
    padding-bottom: 8px
}

#section-brand-resources .sub-heading-text {
    color: #A2A2A2;
    font-weight: bold
}

#section-brand-resources .card-deck {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 3.75rem
}

#section-brand-resources .card {
    height: 13.95833rem;
    border-radius: .83333rem;
    border: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#section-brand-resources .img-container {
    height: 13.33333rem;
    width: 13.33333rem
}

#section-brand-resources .img-container img {
    width: 100%;
    height: 100%
}

#section-brand-resources .col-12 {
    margin-bottom: .83333rem
}

@media (max-width: 29.94792rem) {
    #section-brand-resources {
        margin-top: 2.60417rem
    }

    #section-brand-resources .main-heading {
        padding-bottom: 1.30208rem
    }

    #section-brand-resources .card-deck {
        padding-top: 1.30208rem
    }
}

#privacy-policy {
    margin-top: 8.75rem;
    margin-bottom: 6.77083rem
}

#privacy-policy .main-heading {
    text-align: center;
    padding-bottom: 4.58333rem
}

.normal-text {
    color: #969696;
    font-size: .83333rem
}

.normal-text p {
    padding-bottom: 2.5rem;
    line-height: 25.6px;
    margin: 0
}

.normal-text .sub-heading-text {
    font-size: 1.25rem;
    color: #fff;
    padding-bottom: 8px
}

.gradient-red-1 {
    bottom: 33.85417rem;
    -webkit-animation: none;
    animation: none;
    top: auto
}

.gradient-red-2 {
    top: 1.04167rem;
    -webkit-animation: none;
    animation: none
}

#section-maha-tokenomics {
    margin: 6.66667rem 0;
    text-align: center
}

#section-maha-tokenomics p {
    color: #969696;
    margin: 0;
    font-weight: 700;
    padding-bottom: 4px
}

#section-maha-tokenomics .main-heading {
    padding-bottom: 6.45833rem
}

#section-maha-tokenomics .sub-heading {
    padding-bottom: 2.8125rem;
    font-weight: 700
}

#section-maha-tokenomics .maha-tokenomics-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff
}

#section-maha-tokenomics .maha-tokenomics-box .maha-tokenomics-left {
    padding: 5.72917rem 0;
    width: 19.79167rem;
    border-right: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: .83333rem 0px 0px 16px
}

#section-maha-tokenomics .maha-tokenomics-box .maha-tokenomics-left h3 {
    padding-top: .625rem;
    padding-bottom: 4.58333rem;
    margin-bottom: 0;
    font-size: 1.45833rem;
    letter-spacing: 9.5px;
    font-family: "Syne", sans-serif;
    font-weight: 700
}

#section-maha-tokenomics .maha-tokenomics-box .maha-tokenomics-left .text-orange {
    color: #FF7F57
}

#section-maha-tokenomics .maha-tokenomics-box .maha-tokenomics-right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: none;
    padding: 1.66667rem;
    text-align: left;
    border-radius: 0px 16px 16px 0px
}

#section-maha-tokenomics .maha-tokenomics-box .maha-tokenomics-right .center-btn .theme-btn-outline {
    margin: 0px 32px
}

#section-maha-tokenomics .maha-tokenomics-box .maha-tokenomics-right .text-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 1.5625rem
}

#section-maha-tokenomics .maha-tokenomics-box .maha-tokenomics-right .equal-with {
    width: 25%
}

#section-maha-tokenomics .maha-tokenomics-box .maha-tokenomics-right span {
    color: #fff;
    font-weight: bold
}

@media (max-width: 41.66667rem) {
    #section-maha-tokenomics {
        margin: 2.60417rem 0
    }

    #section-maha-tokenomics .main-heading {
        padding-bottom: 1.30208rem
    }

    #section-maha-tokenomics .sub-heading {
        padding-bottom: 1.30208rem
    }

    #section-maha-tokenomics .maha-tokenomics-box {
        display: block
    }

    #section-maha-tokenomics .maha-tokenomics-box .maha-tokenomics-left {
        width: 100%;
        border: none;
        border-radius: .83333rem 16px 0px 0px;
        padding-top: 2.60417rem;
        padding-bottom: 2.60417rem
    }

    #section-maha-tokenomics .maha-tokenomics-box .maha-tokenomics-left h3 {
        padding-bottom: 2.60417rem
    }

    #section-maha-tokenomics .maha-tokenomics-box .maha-tokenomics-right {
        border-radius: 0px 0px 16px 16px
    }

    #section-maha-tokenomics .maha-tokenomics-box .maha-tokenomics-right .equal-with {
        width: 45%
    }

    #section-maha-tokenomics .maha-tokenomics-box .maha-tokenomics-right span {
        font-size: .83333rem
    }

    #section-maha-tokenomics .maha-tokenomics-box .maha-tokenomics-right .center-btn .btn-md {
        margin: 0px 5px;
        min-width: 5.98958rem
    }
}

@media (min-width: 20.83333rem) and (max-width: 67.70833rem) {
    #section-maha-tokenomics .maha-tokenomics-box .maha-tokenomics-right span {
        font-size: .83333rem
    }

    #section-maha-tokenomics .maha-tokenomics-box .maha-tokenomics-right .equal-with {
        width: 45%
    }
}

#section-tokenomics-allocation {
    background: -webkit-gradient(linear, left top, left bottom, from(#212121), color-stop(60.94%, rgba(33, 33, 33, 0)));
    background: linear-gradient(180deg, #212121 0%, rgba(33, 33, 33, 0) 60.94%);
    border-radius: 2.86458rem;
    padding: 3.33333rem 0
}

#section-tokenomics-allocation .main-heading {
    padding-bottom: 1.45833rem;
    color: #fff
}

#section-tokenomics-allocation .sub-heading-text {
    max-width: 61.45833rem;
    font-weight: 700;
    color: rgba(150, 150, 153, 0.88);
    line-height: 1.25rem
}

#section-tokenomics-allocation .circle-chart {
    text-align: left;
    padding-bottom: 2.5rem
}

#section-tokenomics-allocation .circle-chart-img {
    padding: 2.5rem 0 56px 0
}

#section-tokenomics-allocation .bullet-text-after {
    font-weight: 700;
    margin: 0px 20px
}

@media (max-width: 31.25rem) {
    #section-tokenomics-allocation .bullet-text-after {
        width: 40% !important
    }
}

#section-tokenomics-allocation .bullet-text-after:after {
    border-radius: .72917rem;
    top: 9px
}

@media (max-width: 40.625rem) {
    #section-tokenomics-allocation .content-center {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #section-tokenomics-allocation .bullet-text-after {
        font-size: .83333rem;
        margin: 0px 10px;
        width: 100%
    }
}

@media (max-width: 29.94792rem) {
    #section-tokenomics-allocation .main-heading {
        padding-bottom: 1.30208rem
    }

    #section-tokenomics-allocation .sub-heading-text {
        line-height: 1.04167rem
    }
}

#section-tokenomics-release {
    padding: 6.66667rem 0
}

#section-tokenomics-release .main-heading {
    color: #fff
}

#section-tokenomics-release .circle-chart {
    text-align: left;
    padding-bottom: 2.5rem
}

#section-tokenomics-release .circle-chart-img {
    padding: 3.75rem 0px 56px 0px
}

#section-tokenomics-release .bullet-text-after {
    font-weight: bold;
    margin: 0px 12px;
    padding-bottom: 1.04167rem
}

#section-tokenomics-release .bullet-text-after:after {
    border-radius: .72917rem;
    top: 9px
}

#section-tokenomics-release .dark-table strong {
    font-weight: 600
}

@media (max-width: 40.625rem) {
    #section-tokenomics-release .content-center {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #section-tokenomics-release .bullet-text-after {
        font-size: .83333rem;
        margin: 0px 10px;
        width: 100%
    }
}

@media (max-width: 29.94792rem) {
    #section-tokenomics-release {
        padding: 2.60417rem 0
    }

    #section-tokenomics-release .circle-chart {
        padding-bottom: 1.30208rem
    }

    #section-tokenomics-release .circle-chart-img {
        padding-top: 1.30208rem;
        padding-bottom: 1.30208rem
    }
}

#section-maha-tokenomics.arth-tokenomics {
    margin-top: 4.16667rem;
    margin-bottom: 0px;
    text-align: center
}

#section-maha-tokenomics.arth-tokenomics .main-heading {
    padding-bottom: 2.65625rem
}

#section-maha-tokenomics.arth-tokenomics .center-btn {
    text-align: center;
    padding-top: 2.5rem
}

#section-maha-tokenomics.arth-tokenomics .maha-tokenomics-box .maha-tokenomics-right .equal-with {
    width: 39%
}

@media screen and (max-width: 34.73958rem) {
    #section-maha-tokenomics.arth-tokenomics {
        margin-top: 2px
    }

    #section-maha-tokenomics.arth-tokenomics .main-heading {
        padding-bottom: 1.30208rem
    }
}

#section-tokenomics-summary {
    margin-top: 5.88542rem;
    color: #fff
}

#section-tokenomics-summary .main-heading {
    padding-bottom: 3.54167rem;
    text-align: center
}

#section-tokenomics-summary table {
    margin-bottom: 2.5rem
}

#section-tokenomics-summary table td {
    width: 50%
}

#section-tokenomics-summary .dark-table td strong {
    font-weight: 600
}

@media (max-width: 38.54167rem) {
    #section-tokenomics-summary {
        margin-top: 2.60417rem
    }

    #section-tokenomics-summary .main-heading {
        padding-bottom: 1.30208rem
    }
}

#section-tokenomics-year-community {
    background: -webkit-gradient(linear, left top, left bottom, from(#212121), color-stop(60.94%, rgba(33, 33, 33, 0)));
    background: linear-gradient(180deg, #212121 0%, rgba(33, 33, 33, 0) 60.94%);
    border-radius: 2.86458rem;
    padding-top: 2.5rem
}

#section-tokenomics-year-community .main-heading {
    padding-bottom: 1.04167rem;
    color: #fff
}

#section-tokenomics-year-community .sub-heading-text {
    color: rgba(150, 150, 153, 0.88);
    max-width: 61.45833rem;
    font-weight: 700;
    line-height: 1.25rem
}

#section-tokenomics-year-community .sub-heading-text.typo-inter-h3 {
    font-weight: 600;
    color: #969696;
    margin-top: -8px
}

#section-tokenomics-year-community .gradient-bg {
    padding: 1.04167rem 32px;
    color: #fff;
    font-weight: bold;
    text-align: left;
    margin-top: 3.4375rem
}

#section-tokenomics-year-community .content-center {
    width: 53.90625rem;
    margin: 0 auto;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

#section-tokenomics-year-community .circle-chart {
    text-align: left
}

#section-tokenomics-year-community .circle-chart-img {
    padding: 2.5rem 0 56px 0
}

#section-tokenomics-year-community .bullet-text-after {
    font-weight: 700;
    margin: 0px 11px;
    padding-bottom: 1.61458rem
}

#section-tokenomics-year-community .bullet-text-after:after {
    border-radius: .72917rem;
    top: 9px
}

@media (max-width: 40.625rem) {
    #section-tokenomics-year-community .content-center {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #section-tokenomics-year-community .bullet-text-after {
        font-size: .83333rem;
        margin: 0px 10px;
        padding-bottom: 1.04167rem;
        width: 100%
    }
}

@media (max-width: 29.94792rem) {
    #section-tokenomics-year-community .main-heading {
        padding-bottom: 1.30208rem
    }

    #section-tokenomics-year-community .sub-heading-text {
        line-height: 1.04167rem
    }
}

.ambassadors-gradient-1 {
    background: url(../image/gradiant-1.698bf6373edddba2e4f727007b486480.svg) no-repeat;
    background-size: 100%;
    width: 58.64583rem;
    height: 50.46875rem;
    position: absolute;
    left: 0;
    top: 0px
}

.ambassadors-gradient-2 {
    background: url(../image/gradiant-2.96e4d8033dc95a0cf811c0767f7ee0b9.svg) no-repeat;
    background-size: 100%;
    width: 31.77083rem;
    height: 28.54167rem;
    position: absolute;
    left: 0;
    top: 0px;
    z-index: 3
}

.ambassadors-gradient-3 {
    background: url(../image/gradiant-3.6286551525feefa00f5a503c7d77304f.svg) no-repeat;
    background-size: 100%;
    width: 31.04167rem;
    height: 18.17708rem;
    position: absolute;
    right: 0;
    top: 0px
}

#section-ambassadors-maha {
    margin-top: -80px;
    color: #fff;
    font-size: 1.14583rem
}

#section-ambassadors-maha .main-heading {
    color: #fff;
    padding-top: 10.15625rem;
    line-height: 2.29167rem;
    padding-bottom: .83333rem
}

#section-ambassadors-maha .ambassadors-hero-text .sub-heading-text {
    max-width: 30.20833rem
}

#section-ambassadors-maha .sub-heading-text {
    color: rgba(255, 255, 255, 0.68);
    font-weight: 700;
    line-height: 1.25rem;
    margin: 0
}

#section-ambassadors-maha .sub-heading-text strong {
    color: #fff
}

#section-ambassadors-maha .ambassadors-hero-text {
    padding-left: 1.09375rem
}

#section-ambassadors-maha .amb-chakra-circule {
    background: #0B0019;
    width: 32.91667rem;
    height: 32.91667rem;
    border-radius: 100%;
    margin-left: 1.5625rem;
    padding: 2.86458rem
}

#section-ambassadors-maha .amb-chakra {
    background: url(../image/ambassadors-maha-chakra.7baed65b0dec9151f5f8e59eb1153d45.png) no-repeat 0 0px;
    width: 100%;
    height: 101%;
    background-size: 100%;
    display: inline-block
}

#section-ambassadors-maha .become-btn {
    padding: 1.66667rem 0
}

#section-ambassadors-maha .sub-heading {
    padding-bottom: .83333rem;
    font-weight: bold
}

#section-ambassadors-maha .card-bg {
    padding: 2.08333rem;
    border-radius: .83333rem;
    position: relative;
    margin-top: -48px
}

#section-ambassadors-maha .card-bg .sub-heading-text {
    color: #969696;
    font-weight: 300
}

@media (max-width: 38.54167rem) {

    .ambassadors-gradient-2,
    .ambassadors-gradient-3 {
        display: none
    }

    .ambassadors-gradient-1 {
        background: linear-gradient(335.55deg, rgba(244, 127, 87, 0.02) 24.11%, rgba(253, 86, 86, 0.29) 64.44%);
        border-radius: 31.92708rem;
        width: 100%;
        top: -400px
    }

    #section-ambassadors-maha .amb-chakra-circule {
        margin: 0 auto;
        width: 15.41667rem;
        height: 15.41667rem;
        padding: 1.04167rem
    }

    #section-ambassadors-maha .ambassadors-hero-text {
        text-align: center;
        margin-top: -25px;
        padding-left: 0
    }

    #section-ambassadors-maha .main-heading {
        padding: 0 0 25px 0;
        line-height: 1.45833rem
    }

    #section-ambassadors-maha .sub-heading {
        line-height: 1.14583rem
    }

    #section-ambassadors-maha .sub-heading-text {
        padding-right: 0;
        line-height: 1.04167rem
    }

    #section-ambassadors-maha .card-bg {
        margin: 0
    }
}

#section-ambassadors-the-maha {
    margin-top: 6.66667rem
}

#section-ambassadors-the-maha .col-12 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#section-ambassadors-the-maha .main-heading {
    padding-bottom: 2.5rem
}

#section-ambassadors-the-maha .become-btn {
    padding-top: 1.71875rem
}

#section-ambassadors-the-maha .card {
    border-radius: .83333rem;
    width: 100%
}

#section-ambassadors-the-maha .card-text {
    min-height: 2.60417rem;
    margin-bottom: 1.66667rem;
    color: #969696
}

#section-ambassadors-the-maha .card-title {
    color: #FF7F57;
    margin-bottom: 6px
}

#section-ambassadors-the-maha .card-btm {
    color: rgba(255, 255, 255, 0.64)
}

#section-ambassadors-the-maha .card-btm p {
    margin: 0
}

#section-ambassadors-the-maha .card-btm strong {
    color: rgba(255, 255, 255, 0.88);
    font-weight: 600
}

@media (max-width: 29.94792rem) {
    #section-ambassadors-the-maha {
        margin-top: 2.60417rem
    }

    #section-ambassadors-the-maha .main-heading {
        padding-bottom: 1.30208rem
    }
}

#section-maha-ambassadors-program {
    margin-top: 6.66667rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.88)
}

#section-maha-ambassadors-program .main-heading {
    padding-bottom: .83333rem;
    color: rgba(255, 255, 255, 0.88)
}

#section-maha-ambassadors-program .card-bg {
    background-image: url(../image/maha-ambassadors-program-img.b3334da35fa51238d76dc007099747c1.svg), -webkit-gradient(linear, left top, left bottom, from(#2D2D2D), to(#1C1C1C));
    background-image: url(../image/maha-ambassadors-program-img.b3334da35fa51238d76dc007099747c1.svg), linear-gradient(180deg, #2D2D2D 0%, #1C1C1C 100%);
    background-repeat: no-repeat;
    background-position: center top;
    padding: 4.16667rem 25px 50px 25px;
    border-radius: .83333rem
}

#section-maha-ambassadors-program .f-text-text {
    font-size: .9375rem;
    color: rgba(255, 255, 255, 0.64);
    font-weight: 600;
    line-height: 1.25rem;
    max-width: 39.0625rem;
    margin: 0 auto;
    padding-bottom: 4.16667rem
}

@media screen and (max-width: 29.94792rem) {
    #section-maha-ambassadors-program {
        margin-top: 2.60417rem
    }
}

#section-ambassadors-faq {
    margin-top: 6.14583rem
}

#section-ambassadors-faq .col-12 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#section-ambassadors-faq .main-heading {
    font-size: 1.25rem;
    padding-bottom: 2.29167rem
}

#section-ambassadors-faq #accordion {
    color: #fff
}

#section-ambassadors-faq .card {
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0
}

#section-ambassadors-faq .card-header {
    font-size: .9375rem;
    font-weight: 600;
    padding: 1.5625rem
}

#section-ambassadors-faq .card-header a {
    color: #fff;
    opacity: 0.88;
    width: 100%;
    display: block
}

#section-ambassadors-faq .card-body {
    padding: 0 30px 30px 30px;
    line-height: 1.30208rem;
    font-size: .78125rem;
    font-weight: 300;
    opacity: 0.88
}

#section-ambassadors-faq .bullet-text-after {
    padding: 0
}

#section-ambassadors-faq .bullet-text-after:after {
    background: url(../image/dropmenu-tringle.e75b36b2d4401ad7dc3319f127fd264d.svg) 0 no-repeat;
    width: .9375rem;
    height: .57292rem;
    right: .88542rem;
    left: auto;
    top: .88542rem
}

#section-ambassadors-faq .bullet-text-after.show-menu:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

#section-careers-become {
    margin-top: 4.16667rem
}

#section-careers-become .main-heading {
    padding-bottom: 1.04167rem
}

#section-careers-become .sub-heading-text {
    padding-bottom: 3.4375rem
}

#section-careers-become .card-bg {
    background: -webkit-gradient(linear, left top, left bottom, from(#2D2D2D), to(#171717));
    background: linear-gradient(180deg, #2D2D2D 0%, #171717 100%)
}

#section-careers-become #accordion {
    color: #fff
}

#section-careers-become .card {
    border-radius: .83333rem;
    margin-bottom: .83333rem
}

#section-careers-become .card-header {
    padding: 1.66667rem
}

#section-careers-become .card-header a {
    color: #fff;
    width: 100%;
    display: block
}

#section-careers-become .theme-btn {
    padding: 8px 12px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 1.04167rem;
    margin-left: .83333rem;
    border: none;
    font-weight: normal
}

#section-careers-become .card-body {
    padding: 0 32px 32px 32px;
    line-height: 1.30208rem;
    font-size: .83333rem;
    font-weight: 300;
    opacity: 0.88
}

#section-careers-become .card-body .role {
    margin-top: -34px;
    color: #969696;
    display: block;
    padding-bottom: 1.5625rem
}

#section-careers-become .card-body h3 {
    color: #fff;
    margin-bottom: 8px
}

#section-careers-become .card-body p {
    color: #A1A1A1;
    margin: 0;
    line-height: 1.25rem;
    padding-bottom: .83333rem
}

#section-careers-become .card-body .theme-btn-outline {
    margin-top: 1.875rem
}

#section-careers-become .bullet-text-after {
    padding: 0
}

#section-careers-become .bullet-text-after:after {
    background: url(../image/dropmenu-tringle.e75b36b2d4401ad7dc3319f127fd264d.svg) 0 no-repeat;
    width: .9375rem;
    height: .57292rem;
    right: 0px;
    left: auto;
    top: .52083rem
}

#section-careers-become .bullet-text-after.show-menu:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

@media screen and (max-width: 29.94792rem) {
    #section-careers-become {
        margin-top: 1.30208rem
    }

    #section-careers-become .card-body p {
        line-height: 1.04167rem
    }

    #section-careers-become .main-heading,
    #section-careers-become .sub-heading-text {
        padding-bottom: 1.30208rem
    }
}

#section-careers-ecosystem {
    margin: 4.16667rem 0
}

#section-careers-ecosystem .sub-heading-text {
    padding-bottom: 4.58333rem;
    color: #a1a1a1;
    max-width: 42.96875rem
}

#section-careers-ecosystem .sub-heading {
    padding-bottom: 1.66667rem;
    letter-spacing: 0.4px;
    font-weight: 700
}

#section-careers-ecosystem .card {
    border: 1px solid rgba(255, 255, 255, 0.08);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: .83333rem;
    margin-bottom: .83333rem
}

#section-careers-ecosystem .card-body {
    padding: 1.66667rem;
    line-height: 1.30208rem;
    font-size: .83333rem;
    font-weight: 300;
    opacity: 0.88
}

#section-careers-ecosystem .card-body h3 {
    font-family: "Syne", sans-serif;
    color: #fff;
    margin-bottom: 8px
}

#section-careers-ecosystem .card-body p {
    color: #969696;
    font-weight: 500;
    margin: 0;
    line-height: 1.14583rem
}

#section-arthx-intro {
    margin-top: 8.33333rem;
    margin-bottom: 8.33333rem
}

@media (max-width: 31.25rem) {
    #section-arthx-intro {
        margin-bottom: 4.16667rem
    }
}

#section-arthx-intro .main-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 31.25rem) {
    #section-arthx-intro .main-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

#section-arthx-intro .main-container .left-container {
    -webkit-box-flex: 0.6;
    -ms-flex: 0.6;
    flex: 0.6
}

@media (max-width: 31.25rem) {
    #section-arthx-intro .main-container .left-container {
        text-align: center
    }
}

#section-arthx-intro .main-container .left-container .main-heading {
    color: #FFFFFF;
    margin-bottom: 4px;
    line-height: 2.29167rem
}

@media (max-width: 31.25rem) {
    #section-arthx-intro .main-container .left-container .main-heading {
        line-height: 2.08333rem
    }
}

#section-arthx-intro .main-container .left-container .sub-heading {
    color: rgba(255, 255, 255, 0.64);
    margin-bottom: 1.66667rem;
    line-height: 2.08333rem
}

@media (max-width: 31.25rem) {
    #section-arthx-intro .main-container .left-container .sub-heading {
        line-height: 1.66667rem
    }
}

#section-arthx-intro .main-container .left-container .heading-info {
    color: rgba(255, 255, 255, 0.64);
    margin-bottom: 1.66667rem;
    line-height: 1.25rem
}

#section-arthx-intro .main-container .right-container {
    -webkit-box-flex: 0.4;
    -ms-flex: 0.4;
    flex: 0.4
}

#section-arthx-revolution {
    margin-bottom: 8.33333rem
}

@media (max-width: 31.25rem) {
    #section-arthx-revolution {
        margin-bottom: 4.16667rem
    }
}

#section-arthx-revolution .title {
    line-height: 2.29167rem;
    text-align: center;
    color: #FFFFFF
}

#section-arthx-revolution .subtitle {
    line-height: 135%;
    text-align: center;
    color: rgba(255, 255, 255, 0.88);
    padding: 0 20px;
    margin-bottom: 2.08333rem
}

#section-arthx-revolution .cards-container .custom-col {
    padding: .52083rem !important
}

#section-arthx-revolution .cards-container .Icard {
    min-height: 10.67708rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.875rem 36px;
    background: #1F1E1E;
    border-radius: 6px;
    z-index: 1
}

#section-arthx-revolution .cards-container .Icard::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 8px;
    background: linear-gradient(93.11deg, #E3457F 0%, #EB8527 97.99%, #FF8506 97.99%);
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    z-index: -1;
    border-radius: 6px
}

#section-arthx-revolution .cards-container .Icard .text {
    line-height: 1.25rem;
    text-align: left;
    color: rgba(255, 255, 255, 0.64)
}

#section-arthx-revolution .cards-container .Icard .card-head {
    color: white;
    margin-bottom: 1.66667rem;
    line-height: 2.08333rem
}

#section-arthx-graph {
    margin-bottom: 8.33333rem
}

@media (max-width: 31.25rem) {
    #section-arthx-graph {
        margin-bottom: 4.16667rem
    }
}

#section-arthx-graph .title {
    line-height: 2.29167rem;
    text-align: center;
    color: #FFFFFF
}

#section-arthx-graph .subtitle {
    line-height: 135%;
    text-align: center;
    padding: 0 20px;
    margin-bottom: 2.91667rem;
    color: rgba(150, 150, 153, 0.88)
}

#section-arthx-graph .circle-chart {
    text-align: left;
    padding-bottom: 2.5rem
}

#section-arthx-graph .circle-chart-img {
    background: url(../image/arthx-allocation.6e8917a1806050cf0111201e71381249.svg);
    height: 15.625rem;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 3.33333rem
}

@media (max-width: 31.25rem) {
    #section-arthx-graph .circle-chart-img {
        background: url(../image/arthx-allocation-mobile.eca067c3e597ccb50fd9ccacbdb78aba.svg);
        background-size: contain;
        height: 7.29167rem;
        background-repeat: no-repeat;
        background-position: center center
    }
}

#section-arthx-graph .bullet-text-after {
    font-weight: 700;
    margin: 0px 20px
}

#section-arthx-graph .bullet-text-after:after {
    border-radius: .72917rem;
    top: 9px
}

@media (max-width: 31.25rem) {
    #section-arthx-graph .content-center {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #section-arthx-graph .bullet-text-after {
        font-size: .83333rem;
        width: 100%;
        margin: 0 0 24px 0
    }
}

#section-arthx-data {
    margin-bottom: 6.66667rem
}

@media (max-width: 31.25rem) {
    #section-arthx-data {
        margin-bottom: 4.16667rem
    }
}

#section-arthx-data .main-container {
    background: -webkit-gradient(linear, left top, left bottom, from(#2D2D2D), to(#1C1C1C));
    background: linear-gradient(180deg, #2D2D2D 0%, #1C1C1C 100%);
    border-radius: .83333rem;
    width: 100%;
    height: 10.41667rem;
    padding: 2.70833rem 0
}

@media (max-width: 31.25rem) {
    #section-arthx-data .main-container {
        height: 25.625rem;
        padding: 0 24px;
        margin: auto
    }
}

#section-arthx-data .main-container .custom-col {
    border-right: 1px solid #FFFFFF20
}

@media (max-width: 31.25rem) {
    #section-arthx-data .main-container .custom-col {
        border-right: none;
        border-bottom: 1px solid #FFFFFF20;
        padding: 1.66667rem 0 0 0 !important
    }
}

#section-arthx-data .main-container .custom-col .data-numbers {
    font-family: Inter;
    font-style: normal;
    font-weight: bold;
    font-size: 1.875rem;
    line-height: 2.29167rem;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 1.25rem
}

#section-arthx-data .main-container .custom-col .data-name {
    font-family: Syne;
    font-style: normal;
    font-weight: bold;
    font-size: 1.25rem;
    line-height: 1.66667rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.88)
}

#section-arthx-data .main-container .custom-col:nth-of-type(3) {
    border-right: none
}

@media (max-width: 31.25rem) {
    #section-arthx-data .main-container .custom-col:nth-of-type(3) {
        border-bottom: none
    }
}

#section-arthx-data .btn-container {
    margin-top: 6.66667rem;
    width: 100%;
    text-align: center
}

#section-liquidity {
    position: relative;
    margin-top: 5.20833rem
}

.it2 {
    margin-top: 1.04167rem
}

.sroot {
    width: 100%;
    height: 7.55208rem
}

.point1 {
    width: 2.60417rem;
    height: 2.60417rem;
    position: absolute;
    left: 28.5%;
    bottom: -20px
}

.point3 {
    width: 2.60417rem;
    height: 2.60417rem;
    position: absolute;
    left: 95.5%;
    bottom: -20px
}

.point2 {
    width: 2.60417rem;
    height: 2.60417rem;
    position: absolute;
    left: 63.5%;
    bottom: -20px
}

.f_ab_img {
    width: 80%;
    height: 13.54167rem;
    position: absolute;
    top: 43.48958rem;
    left: 10%;
    right: 10%
}

#section-liquidity {
    position: relative;
    margin-top: 5.20833rem
}

.session-1 {
    width: 42.60417rem;
    height: 3.48958rem;
    font-size: .9375rem;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 1.66667rem;
    color: #A7A1C7;
    opacity: 1;
    margin: 2.08333rem auto
}

.d_card img {
    width: 3.85417rem;
    height: 3.85417rem
}

.ss2 {
    width: 50%;
    margin: auto;
    height: 3.69792rem;
    font-size: .9375rem;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 1.66667rem;
    color: #A7A1C7;
    opacity: 1
}

#session2 {
    margin-top: 10.41667rem
}

.bb3 {
    width: 42.8125rem;
    height: 47.08333rem;
    display: block;
    position: relative;
    margin: auto
}

.bb31 {
    display: block;
    text-align: right;
    position: absolute;
    top: 15.625rem;
    left: -320px;
    width: 18.75rem
}

.bb32 {
    display: block;
    text-align: right;
    position: absolute;
    top: 25.52083rem;
    left: -370px;
    width: 18.75rem
}

.bb33 {
    display: block;
    text-align: left;
    position: absolute;
    top: 9.89583rem;
    left: 19.27083rem;
    width: 18.75rem
}

.bb34 {
    display: block;
    text-align: left;
    position: absolute;
    top: 21.35417rem;
    left: 43.75rem;
    width: 19.27083rem
}

.eec {
    height: 20.83333rem
}

.eec image1 {
    width: 13.02083rem;
    height: 13.02083rem
}

.eecon {
    width: 13.33333rem;
    height: 5rem;
    margin-top: 1.04167rem;
    font-size: .83333rem;
    font-family: PingFang SC;
    font-weight: 400;
    padding-left: 2.08333rem;
    line-height: 1.66667rem;
    color: #A7A1C7;
    opacity: 1
}

.eec .eecd {
    margin: 0px;
    padding: 0px;
    padding-left: 1.04167rem
}

.eec .eeci {
    width: 1.14583rem;
    height: 1.14583rem
}

.wh-22 {
    width: 1.14583rem;
    height: 1.14583rem
}

.eec .eecv {
    display: flex;
    align-items: center;
    text-align: left;
    padding-top: 2.08333rem
}

.margin-t-20 {
    margin-top: 1.04167rem
}

.margin-l-20 {
    margin-left: 1.04167rem
}

margin-t-14t {
    margin-top: 7.29167rem
}

.margin-t-2w {
    margin-top: 10.41667rem
}

.margin-t-1w {
    margin-top: 5.20833rem
}

.margin-r-1w {
    margin-right: 5.20833rem
}

.eee1 {
    height: 2.34375rem;
    font-size: 1.66667rem;
    font-family: PingFang SC;
    font-weight: 800;
    line-height: 2.08333rem;
    color: #FFFFFF;
    text-align: left;
    opacity: 1
}

.eee2 input {
    width: 25rem;
    height: 3.125rem;
    margin-right: 1.5625rem
}

.asdf {
    margin-left: 6.25rem;
    margin-top: 2.60417rem
}

.card_pppi {
    width: 21.25rem;
    height: 11.5625rem
}

.ob1 {
    position: absolute;
    top: 0px;
    height: 48.69792rem
}

.od1 {
    height: 7.8125rem
}

.od2 {
    height: 1.5625rem
}

.od3 {
    height: 5.20833rem
}

.od5 {
    height: 2.60417rem
}

.ti2 {
    position: absolute;
    left: 0px;
    bottom: 0px;
    margin: 0;
    width: 6.09375rem;
    height: 6.09375rem
}

.sf1 {
    height: 2.29167rem;
    font-size: 2.5rem;
    font-family: Oswald;
    font-weight: bold;
    color: #000000;
    line-height: 1.875rem;
    opacity: 0.9
}

.sf2 {
    width: 23.54167rem;
    height: 1.45833rem;
    margin-top: 1.5625rem;
    font-size: 1.35417rem;
    font-family: Roboto;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 1.5625rem;
    opacity: 0.4
}

.sf3 {
    width: 10.67708rem;
    height: 2.60417rem;
    background: linear-gradient(74deg, #49007C, #E70088);
    border-radius: 1.30208rem;
    opacity: 0.9;
    margin-top: 2.08333rem;
    color: #FFFFFF;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    align-items: center
}

.second_img {
    width: 27.34375rem;
    height: 12.65625rem
}

.fo1 {
    height: 2.65625rem;
    font-size: 2.5rem;
    font-family: Oswald;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 1.875rem
}

.fo2 {
    height: .9375rem;
    font-size: .9375rem;
    font-family: Roboto;
    font-weight: 300;
    color: #949494;
    line-height: 1.5625rem
}

.fi1 {
    width: 41.66667rem;
    font-size: 2.39583rem;
    font-family: Oswald-Light;
    font-weight: 300;
    color: #000000;
    line-height: 3.4375rem;
    text-align: start;
    margin-bottom: 1.5625rem
}

#b1 {
    width: 10.67708rem;
    height: 2.60417rem;
    background: linear-gradient(74deg, #49007C, #E70088);
    border-radius: 1.30208rem;
    color: white;
    float: right;
    margin-top: 1.5625rem;
    margin-bottom: 5.20833rem
}

.b20 {
    width: 100%;
    height: 13.75rem;
    margin-top: 1.04167rem
}

.sdi {
    width: 48%;
    height: 2.60417rem
}

.three_title {
    position: absolute;
    bottom: 2.60417rem
}

.height-520 {
    height: 27.08333rem
}

.po1 {
    position: absolute;
    left: 0px;
    top: 52.08333rem;
    width: 17.70833rem;
    height: 13.54167rem;
    z-index: 1
}

.po2 {
    position: absolute;
    right: 0px;
    top: 71.35417rem;
    width: 11.66667rem;
    height: 8.75rem;
    z-index: 1
}

.po3 {
    position: absolute;
    left: 6.97917rem;
    top: 81.25rem;
    width: 11.66667rem;
    height: 5.625rem;
    z-index: 1
}

.po4 {
    position: absolute;
    left: 9.375rem;
    top: 137.08333rem;
    width: 13.125rem;
    height: 5.72917rem;
    z-index: 1
}

.po5 {
    position: absolute;
    right: 0px;
    top: 149.94792rem;
    width: 11.66667rem;
    height: 8.75rem;
    z-index: 1
}

.po6 {
    position: absolute;
    right: 0px;
    top: 260.41667rem;
    width: 11.66667rem;
    height: 8.75rem;
    z-index: 1
}

.po7 {
    position: absolute;
    left: 6.97917rem;
    top: 275.3125rem;
    width: 11.66667rem;
    height: 5.625rem;
    z-index: 1
}